/*[fmt]2A10-1A0B-201*/
/*CSS Document

============ Base Screen CSS Core ============
$Rev: 11674 $
$Author: aduperhe $
$Date: 2010-03-01 10:44:58 +0100 (Mon, 01 Mar 2010) $

1. BASE
1.1 Common
1.1.1 Links
1.1.2 Editorial blocks; font, size
1.1.3 Lists
1.2 Tables
1.3 Forms
1.4 Menues
1.5 RichText formatted text
1.6 Buttons
1.7 Scroller Links (flyttad t TXX.XX)

2. PAGE AREAS
2.1 Columns
2.2 ModalWindow

3. BLOCKS

4. SPECIFIC by PAGE

5. THEMES
5.1 Department themes (including links with herited graphic from themes_departments
5.2 Themes for blocks
5.3 Banners

6. HANDMADE

7. EXEPTIONS FROM VALID

8. STRUCTURAL

9. SERVICES
T00.00 -Alerts
T01.03 - Navigering inom webbplatsen
T01.08 - Kampanj
T02.01 - Standardartikel
T02.02.002 Hantera artikelserie
T02.06.002 Hantera avdelning (artikelrubrik)
T02.07 - Behorighetshantering
T02.08 Slideshow
T02.12-blog
T02.12-manageBlog
T02.12-viewBlog
T02.12-viewBlogEntry
T02.12-canceled
JS-dependent
T03.01 - Annonshantering
T03.04 - Lokus Familj
T03.04 - Lokus Familj Ad (Search)
T03.04 - Lokus Familj Ad (orderForm)
3.VIEWS also in extracolumn
T03.04 - Family Ad Category Listing
T04.09 - Soek pao sajt
T04.09 SearchForm
T04.09 SearchResult
T04.10 - Hantera senaste nytt
(ticker)
T04.12 - Bildextra
T04.14 - Kommentarextra
T04.15 - Vimmelbilder
T06.01 - My Page
t0601-view
t0601-index
t0601-blog
t0601-messages
t0601-favorites
t0601-articles
t0601-forum
t0601-coverage
t0601-editMyPage
t0601-manageImageGallery
T06.01-patch (CSS for JS)
T06.02 Events Calendar
T06.02 - eventCalendarCreate
T06.02 - MyEvents
T06.02 -blog
T06.02 -messages
T06.02 -favorites
T06.02 -articles
T06.02 -forum
T06.02 -coverage
T06.02 -editMyPage
T06.02 -manageImageGallery
CSS for JSP-dependent
T06.03 - Hantera froega poe stan
T06.09 - Hantera kommentarer och betygssattning
T06.12 - Medlemsblogg (SE02.12-blog)
T06.15 Hantera kaendischat
T06.15_viewChat
T06.15_WEBAPP
T06.17 Visa medlemsartikel
T06.17.002 - Hantera medlemsartikel
T06.19-forumPages
T06.19-forumTeaser
T06.19-viewBlogforum_comments
T06.19-forum_list.jsp
T06.19-forum_mypagePublic
T06.19-forum_mypage
T06.19-forum_mypage
T06.19-forum_mypage_edit
T06.19-forum_startpage
T06.19-forum_threadlist
T06.19-forum_search

T02.06.002 - Hantera avdelning - gor till startsida, hantera breadcrumb
T06.09.003 - Artikelkommentarer
T09.01 - Inloggning for besokare
T09.04.002 - Hantera Formular
T10.11 - Visa TV-guide
T20.01 - Tag cloud
TXX.XX - Bladdra mellan sidor vid loenga listor


/* ****************************************************************

============ Base Screen CSS Core ============
$Rev: 11674 $
$Author: aduperhe $
$Date: 2010-03-01 10:44:58 +0100 (Mon, 01 Mar 2010) $

1. BASE
1.1 Common
1.1.1 Links
1.1.2 Editorial blocks; font, size
1.1.3 Lists
1.2 Tables
1.3 Forms
1.4 Menues
1.5 RichText formatted text
1.6 Buttons
1.7 Scroller Links (flyttad t TXX.XX)

2. PAGE AREAS
2.1 Columns
2.2 ModalWindow

3. BLOCKS

4. SPECIFIC by PAGE

5. THEMES
5.1 Department themes (including links with herited graphic from themes_departments
5.2 Themes for blocks
5.3 Banners

6. HANDMADE

7. EXEPTIONS FROM VALID

8. STRUCTURAL

9. SERVICES
T00.00 -Alerts
T01.03 - Navigering inom webbplatsen
T01.08 - Kampanj
T02.01 - Standardartikel
T02.02.002 Hantera artikelserie
T02.06.002 Hantera avdelning (artikelrubrik)
T02.07 - Behorighetshantering
T02.08 Slideshow
T02.12-blog
T02.12-manageBlog
T02.12-viewBlog
T02.12-viewBlogEntry
T02.12-canceled
JS-dependent
T03.01 - Annonshantering
T03.04 - Lokus Familj
T03.04 - Lokus Familj Ad (Search)
T03.04 - Lokus Familj Ad (orderForm)
3.VIEWS also in extracolumn
T03.04 - Family Ad Category Listing
T04.09 - Soek pao sajt
T04.09 SearchForm
T04.09 SearchResult
T04.10 - Hantera senaste nytt
(ticker)
T04.12 - Bildextra
T04.14 - Kommentarextra
T04.15 - Vimmelbilder
T06.01 - My Page
t0601-view
t0601-index
t0601-blog
t0601-messages
t0601-favorites
t0601-articles
t0601-forum
t0601-coverage
t0601-editMyPage
t0601-manageImageGallery
T06.01-patch (CSS for JS)
T06.02 Events Calendar
T06.02 - eventCalendarCreate
T06.02 - MyEvents
T06.02 -blog
T06.02 -messages
T06.02 -favorites
T06.02 -articles
T06.02 -forum
T06.02 -coverage
T06.02 -editMyPage
T06.02 -manageImageGallery
CSS for JSP-dependent
T06.03 - Hantera froega poe stan
T06.09 - Hantera kommentarer och betygssättning
T06.12 - Medlemsblogg (SE02.12-blog)
T06.15 Hantera kaendischat
T06.15_viewChat
T06.15_WEBAPP
T06.17 Visa medlemsartikel
T06.17.002 - Hantera medlemsartikel
T06.19-forumPages
T06.19-forumTeaser
T06.19-viewBlogforum_comments
T06.19-forum_list.jsp
T06.19-forum_mypagePublic
T06.19-forum_mypage
T06.19-forum_mypage
T06.19-forum_mypage_edit
T06.19-forum_startpage
T06.19-forum_threadlist
T06.19-forum_search

T02.06.002 - Hantera avdelning - gor till startsida, hantera breadcrumb
T06.09.003 - Artikelkommentarer
T09.01 - Inloggning for besokare
T09.04.002 - Hantera Formular
T10.11 - Visa TV-guide
T20.01 - Tag cloud
TXX.XX - Bladdra mellan sidor vid loenga listor


/* ****************************************************************
*************************** 1. BASE ****************************
*************************** 1.1 COMMON **************************/

body  {
 background-color: #C8C6B8;
 font-family: Arial, Helvetica, sans-serif;
 padding: 10px 0;
}


h1,
h2,
h3,
label,
td,
th,
table,
input,
textarea,
select  {
 font-family: Arial, Helvetica, sans-serif;
}


h1  {
 font-size: 3em;
}


h2  {
 font-size: 2em;
}


img.left  {
 margin: 0px 12px 8px 0;
}


.extraColumn img.left  {
 margin: 0 3px 0 0;
}


img.right  {
 margin: 0px 0 8px 12px;
}


img.top  {
 margin: 0 0 0px;
}


a img  {
 border: 0;
}


.clearer  {
 clear: both;
}


.noborder  {
 border: none;
}

/*
det har tema_department
*/

#forum_teaser  {
 display: none;
}


.departmentLabel  {
 background-color: #ECEF00;
 font-weight: bold;
 color: #1D1917;
 padding: 0 0px 0 3px;
 display: block;
 float: left;
 text-align: center;
 margin-right: 0px;
}


.date  {
 background-color: #ECEF00;
 font-weight: bold;
 color: #1D1917;
 padding: 0 3px;
 display: block;
 float: left;
 text-align: center;
 margin-right: 4px;
}


.articleCategory  {
 background-color: #ECEF00;
 font-weight: bold;
 color: #1D1917;
 padding: 0 3px;
 display: block;
 float: left;
 text-align: center;
 margin-right: 4px;
}


.loggOffContainer  {
 padding: 8px;
 margin: 0 0 10px;
 border: 6px solid #E8E8E8;
}


.mainContentContainer .loggOffContainer p  {
 padding: 0 0 8px;
}


.mainContentContainer p.buttonContainer  {
 padding: 0;
}


.mainContentContainer p.buttonContainer input  {
 padding: 1px 20px;
}


.mainContentContainer .loggOffContainer h3  {
 font-size: 1.2em;
 font-weight: bold;
 padding-bottom: 4px;
}

/**************************** /1.1 COMMON**************************
************************ 1.1.1 LINKS ****************************/

.mainContentContainer a:link,
.mainContentContainer a:visited,
#modalWindowWrapper a:link,
#modalWindowWrapper a:visited  {
 color: #000;
 background-color: transparent;
 text-decoration: none;
}


.mainContentContainer ul li a:link,
.mainContentContainer ul li a:visited,
.mainContentContainer ol li a:link,
.mainContentContainer ol li a:visited  {
 background-color: transparent;
 text-decoration: underline;
}


.mainContentContainer a:hover,
#modalWindowWrapper a:hover  {
 color: #666666;
 background-color: transparent;
 text-decoration: underline;
}


.mainContentContainer a:active,
#modalWindowWrapper a:active  {
 color: #333333;
 background-color: transparent;
 text-decoration: none;
}


.mainContentContainer span.articleCategory a:link,
.mainContentContainer span.articleCategory a:visited  {
 background-color: #AC141C;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 0.9em;
 padding: 2px;
}


a.back:link,
a.back:visited  {
 background: url(/img-common/bg_back.gif) no-repeat left top;
 padding-left: 14px;
}

/************************* /1.1.1 LINKS ***************************
************************  1.1.2 EDITORIAL BLOCKS (headings, p) **
MAINCOLUMN, EXTRALOLUMN*/

#modalWindowWrapper  {
 font-size: 0.74em;
 font-family: Arial, Helvetica, sans-serif;
}


.mainColumn,
.extraColumn  {
 font-size: 0.7em;
 line-height: 1.3;
}


div.relatedLinks h4  {
 clear: both;
 margin: 0px;
 padding: 8px 0 6px;
 font-weight: bold;
 font-size: 1em;
 text-transform: uppercase;
}


div.relatedLinks ul  {
 margin: 0 0 6px;
}


div.relatedLinks ul li  {
 margin: 0px;
 border: 1px solid #FFFFFF;
 display: block;
}


.std3colLayout .extraColumn,
.Cols-Main_Extra_Ad .extraColumn  {
 width: 290px;
}


.std3colLayout .mainColumn,
.Cols-Main_Extra_Ad .mainColumn  {
 width: 468px;
}


.mainColumn div.relatedLinks ul li a  {
 padding: 0 0 0 14px;
 display: block;
 font-size: 92%;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: underline;
}


.mainContentContainer p,
.mainContentContainer h1,
.mainContentContainer h2,
.mainContentContainer h3,
.mainContentContainer h4  {
 margin: 0px;
 padding: 0 0 12px;
}


.mainColumn .articleTeaser p,
.mainColumn .articleTeaser ul  {
 line-height: 1.4;
}


.mainColumn .articleTeaser ul  {
 line-height: 1.4;
}


.mainColumn h1,
h2  {
 line-height: 1;
}


.mainColumn h3,
.mainColumn h4  {
 line-height: 1.1;
 font-size: 1.4em;
}


h3.size1,
h3.size2,
h3.size3,
h3.size4  {
 line-height: 1;
 letter-spacing: -1px;
 margin: 0;
 padding: 10px 0;
}


.articleTeaser h3.size1,
.articleTeaser h3.size2,
.articleTeaser h3.size3,
.articleTeaser h3.size4  {
 padding-left: 10px;
 padding-right: 10px;
 font-weight: bold;
}


.mainContentContainer .articleTeaser p  {
 /*padding-left: 10px;*/
 padding-right: 10px;
}


h3.size1,
.simpleTeaserContainer h3.size1  {
 font-size: 3.4em;
 font-weight: bold;
}


.extraColumn .simpleTeaserContainer h3.size1  {
 font-size: 2.4em;
}

/*.std3colLayout*/

.mainContentContainer,
body.std3colLayout div.mainContentContainer,
body.Cols-Main_Extra_Ad div.mainContentContainer  {
 background: #F5F3E6 url(/img/hati/bg_mainColumn.png) repeat-y scroll left top;
}


h3.size2,
.simpleTeaserContainer h3.size2  {
 font-size: 2.6em;
 font-weight: bold;
}


h3.size3,
.simpleTeaserContainer h3.size3  {
 font-size: 1.8em;
}


h3.size4,
.simpleTeaserContainer h3.size4  {
 font-size: 1.2em;
}


h3.size5,
.simpleTeaserContainer h3.size5  {
 font-size: 1.1em;
}


h3.size6,
.simpleTeaserContainer h3.size6  {
 font-size: 1em;
}


h3.size7,
.simpleTeaserContainer h3.size7  {
 font-size: 0.9em;
}


h3.size8,
.simpleTeaserContainer h3.size8  {
 font-size: 0.8em;
}


h3.size9,
.simpleTeaserContainer h3.size9  {
 font-size: 0.74em;
}


h3.size10,
.simpleTeaserContainer h3.size10  {
 font-size: 0.68em;
}


.extraColumn .simpleTeaserContainer h3.size10  {
 font-size: 1.8em;
 padding-top: 40px;
 padding-left: 146px;
}


h3.articleSuperTitle  {
 font-size: 1.1em;
 font-weight: bold;
 color: #000;
 text-transform: uppercase;
 letter-spacing: 1px;
 padding-bottom: 2px;
 padding-top: 8px;
 display: block;
}


h4.articleSubTitle  {
 font-size: 1.3em;
 color: #000;
 font-weight: bold;
 letter-spacing: 0px;
 margin-top: -0.5em;
/*padding:bottom;*/
 display: block;
}


.mainColumn .articleTeaser  {
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 padding: 0px 6px 6px 0;
 height: auto !important;
 height: 1%;
 margin-bottom: 3px;
 display: block;
}


.articleTeaser .meta  {
 display: none;
}


.std3colLayout .mainColumn h3,
.std3colLayout .mainColumn h4,
.std3colLayout .mainColumn p,
.mainContentContainer .mainColumn .fauxcolumn333333 img  {
 padding-left: 10px;
 padding-right: 10px;
}


.std3colLayout .mainColumn img.left  {
 margin: 0 12px 8px 10px;
}

/*************************  /1.1.2 EDITORIAL BLOCKS (headings, p) **
************************  1.1.3 LISTS ****************************
************************  /1.1.3 LISTS ***************************
************************* 1.2 TABLES *****************************
************************* /1.2 TABLES  ***************************
************************* 1.3 FORMS ******************************
===== MaxChar fields =====
=oa*/

fieldset div.charcount input#maxchar  {
 width: 5em;
 text-align: right;
 margin-right: 4px;
 border: 1px solid #999;
}


fieldset div.charcount label  {
 display: inline;
 color: #777;
}

/*===== / MaxChar fields =====
************************** /1.3 FORMS ****************************
******************* 1.4 MENUES ***********************************
-----------------------------topMenu-------------------------------
all*/

#topMenuWrapper .row .item  {
 float: left;
 display: block;
}


#mainTop a:link,
#mainTop a:visited  {
 text-decoration: none;
}


#topMenuWrapper .row  {
 clear: both;
 width: 769px;
 text-align: left;
}

/*level1*/

#topMenuWrapper #level1  {
 float: left;
 display: block;
 width: 771px;
}


#topMenuWrapper #level1 .item  {
 display: block;
 float: left;
 color: #000;
 background-color: transparent;
}


#topMenuWrapper #level1 .item  {
 padding: 6px 7px;
 background: transparent url(/img/hati/bg_stripesHorizontal.png) repeat-y scroll right top;
}


#topMenuWrapper #level1 .item.selected  {
 padding: 6px 11px 4px;
}


#topMenuWrapper #level1 .item a:hover,
#topMenuWrapper #level1 .selected a:hover  {
 color: #747474;
}


#topMenuWrapper #level1 .selected a,
#topMenuWrapper #level1 .selected a:visited  {
 font-weight: bold;
 color: #008CCD;
 border-bottom: 2px solid #E60030;
}


#topMenuWrapper #level1 a  {
 font-size: 0.9em;
 font-weight: bold;
 color: #25211F;
 display: block;
}

/*level2*/

#topMenuWrapper ul#level2  {
 display: none;
 width: 100%;
 font-size: 0.68em;
 font-weight: bold;
 float: left;
 clear: left;
}


#topMenuWrapper #level2 .item a:hover,
#topMenuWrapper #level2 .selected a:hover  {
 color: #B0C3D7;
}


#topMenuWrapper #level2 a  {
 color: #000;
 display: block;
 padding: 10px 12px;
}


#topMenuWrapper #level2 .selected a  {
 font-weight: bold;
 color: #000;
}

/*level3*/

#topMenuWrapper ul#level3  {
 display: none;
 width: 758px;
 font-size: 0.68em;
 padding-left: 12px;
 float: left;
}


#topMenuWrapper #level3 .item a:hover,
#topMenuWrapper #level3 .selected a:hover  {
 color: #B0C3D7;
}


#topMenuWrapper #level3 a  {
 color: #000;
 background-color: transparent;
 display: block;
 padding: 6px 12px;
}


#topMenuWrapper #level3 .selected a  {
 background: url(/img-common/bg_level2_selected.gif) no-repeat bottom center;
 font-weight: bold;
 color: #000;
}

/*-----------------------------/topMenu-------------------------------
-------------------------topUserToolbar-----------------------------*/

div#topUserToolbar  {
 float: left;
 clear: both;
 width: 98%;
 display: none;
}


div#topUserToolbar .userInfo  {
 color: #666;
 border: none;
 font-size: 0.68em;
 font-weight: bold;
 padding: 4px 0 4px 12px;
 float: left;
}


div#topUserToolbar ul li a,
div#topUserToolbar ul li input  {
 color: #AEAAA2;
 font-size: 0.66em;
 border: none;
 background: url(/img-common/bg_topusertoolbar.gif) no-repeat right bottom;
 margin-top: 2px;
 padding: 4px 12px 12px 8px;
 display: block;
 background-color: #FFFFFF;
}


div#topUserToolbar ul li input  {
 padding: 2px 6px 12px 0px;
 cursor: pointer;
}


#topUserToolbar ul.userFunctionLinks  {
 float: right;
 width: 286px;
}


#topUserToolbar ul.userFunctionLinks li  {
 float: right;
}

/*---------------------------- /topUserToolbar-------------------------
----------------------------- topMenu--------------------------------*/

#topMenuWrapper .row .item  {
 float: left;
 display: block;
}


#topMenuWrapper #level1  {
 padding: 0 0 4px;
}


.extraRight  {
 display: none;
}

/*---------------------------- /topMenu--------------------------------
--------------------- readerListContainer-----------------------------*/

.readerListContainer ul.newsNavigation  {
 list-style: none;
 display: block;
}


.readerListContainer ul.newsNavigation li  {
 display: inline;
}


.readerListContainer dl.newsList dt  {
 clear: left;
 float: left;
}


.readerListContainer dl.newsList dd  {
 display: inline;
}

/*--------------------- /readerListContainer-----------------------------
*************************** /1.4 MENUES *****************************
*************************** 1.5 RichText ******************************/

.body.formattedText h2,
.body.formattedText h3,
.body.formattedText h4,
.body.formattedText h5,
.body.formattedText h6,
.body.formattedText p  {
 margin: 16px 0;
 padding: 0;
}


.body.formattedText h4,
.body.formattedText h5,
.body.formattedText h6  {
 font-weight: bold;
}


.body.formattedText ul,
.body.formattedText ol,
.body.formattedText dl  {
 margin: 0 1px 0 16px;
}


.body.formattedText ul  {
 list-style: disc outside;
}


.body.formattedText ol  {
 list-style: decimal outside;
}


.body.formattedText blockquote  {
 margin-left: 2em;
 font-style: italic;
}


.body.formattedText a  {
 text-decoration: underline;
}


.body.formattedText li,
.body.formattedText dd  {
 margin: 0 0 0 1em;
 padding: 0;
}

/**************************** /1.5 RTE *****************************
*************************** 1.6 Buttons, fields  ***************************

lt standard
*/

input.standardField  {
 border: 1px solid #CECECE;
 border-right-color: #EEEEEE;
 border-bottom-color: #EEEEEE;
 padding: 2px 4px;
}

/*
standarknappen ger grundstyling
*/

#modalWindowWrapper a.standardButton,
#modalWindowWrapper input.standardButton,
#modalWindowWrapper .standardButton a,
#modalWindowWrapper .btnDefault,
#mainWrapper a.standardButton,
#mainWrapper input.standardButton,
#mainWrapper .standardButton a,
#mainWrapper .btnDefault,
#mainWrapper .btnSave  {
 font-size: 1.3em;
 letter-spacing: 0.1em;
 border: 0;
 background: #DFDCC3;
 cursor: pointer;
 padding: 4px 19px;
 _padding: 3px 19px;
 letter-spacing: -1px;
 margin-left: 0px;
 text-decoration: none;
 color: #555441;
 font-weight: bold;
}

/*===klasser knappar===*/

#mainWrapper #blog .icon,
#mainWrapper .btnAdd,
#mainWrapper ul.addFavorite li a,
#mainWrapper .asFavorite,
#mainWrapper .btnEdit,
#mainWrapper .btnEdit,
#mainWrapper .myPageYoutubeClips input.standardButton,
#mainWrapper .delete,
#mainWrapper .btnDelete,
#mainWrapper input#remove_image,
#mainWrapper .btnRemove,
#mainWrapper .abuse a,
#mainWrapper .report,
#mainWrapper .favorite,
#mainWrapper ul li.tip a,
#mainWrapper input.btnNext,
#mainWrapper .btnNext,
#mainWrapper .extraCommentsCommentsWrapper .icon,
#mainwrapper li.favorite a:link,
#mainWrapper .btnPublish,
#mainWrapper .icon.posting_reply,
#mainWrapper .icon.posting_state_report,
#mainWrapper .icon.open_close_comment,
#mainWrapper .icon.posting_state_reported,
#mainWrapper .btnPublish,
#mainWrapper .quote  {
 font-size: 1em;
 letter-spacing: 0.1em;
 border: 1px solid #CECECE;
 border-left-color: #EEEEEE;
 border-top-color: #EEEEEE;
 cursor: pointer;
 padding: 2px 22px 3px 8px;
 margin-left: 5px;
 text-decoration: none;
}


#mainWrapper input.btnAdd,
#mainWrapper ul.addFavorite li a,
#mainWrapper li a.asFavorite,
#mainWrapper li a.btnEdit,
#mainWrapper input.btnEdit,
#mainWrapper .myPageYoutubeClips input.standardButton  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -10px;
 line-height: 2.8;
}


#mainWrapper a.delete,
#mainWrapper input#remove_image,
#mainWrapper .abuse a,
#mainWrapper input.btnDelete,
#mainWrapper .icon.open_close_comment  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -74px;
}


#mainWrapper .abuse a  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -194px;
}


#mainWrapper input.btnRemove  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -629px;
}


#mainWrapper .report,
#mainWrapper .icon.posting_state_report,
#mainWrapper .icon.posting_state_reported  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -193px;
}


#mainWrapper a.favorite  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -256px;
}


#mainWrapper ul li.tip a,
#mainWrapper .icon.posting_reply  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -442px;
}


#mainWrapper .btnNext,
#mainWrapper input.btnNext  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -380px;
}


#mainWrapper .btnPublish  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -510px;
}


#mainWrapper .quote  {
 background: #FFF url(/img-common/buttons_sprite.png) no-repeat scroll right -572px;
}

/**************************** /1.6 Buttons, fields  ***************************
************************** 2 PAGE AREAS ******************************/

#mainTop  {
 margin: 0;
 padding: 0px 0 0 0px;
/*this line will break ie6*/
 width: 771px;
 background: transparent url(/img/hati/bg_paperHeader.png) no-repeat scroll 0 0;
 height: 155px;
}


#mainWrapper #topHeaderContents  {
 height: 105px;
 position: relative;
}


#mainWrapper #topHeaderContents #header  {
 height: 105px;
 width: 771px;
 position: relative;
}


#mainWrapper #topHeaderContents #header h1  {
 position: absolute;
 top: 8px;
 left: 13px;
 width: 580px;
 height: 83px;
}


#mainWrapper #topHeaderContents #header h1 a  {
 display: block;
 width: 580px;
 height: 83px;
 text-indent: -9999px;
}

/*#mainWrapper #topHeaderContents #header h1 a span{text-indent:-9999px;display:block;width:600px;height:91px;}*/

#mainWrapper #topHeaderContents #header ul  {
 position: absolute;
 top: 30px;
 right: 26px;
 font: normal 14px "comic sans ms", Arial, sans-serif;
 display: block;
 float: left;
}


#mainWrapper #topHeaderContents #header ul li  {
 height: auto !important;
 height: 1%;
 min-height: 1%;
 overflow: hidden;
 display: block;
 float: left;
 clear: both;
}


#mainWrapper #topHeaderContents #header ul li a,
#mainWrapper #topHeaderContents #header ul li strong,
#mainWrapper #topHeaderContents #header ul li span  {
 display: block;
 float: left;
 padding: 0 0 3px;
}


#mainWrapper #topHeaderContents #header ul li strong  {
 padding-right: 8px;
}


#mainWrapper #topHeaderContents #header ul li a,
#mainWrapper #topHeaderContents #header ul li a:visited  {
 background: transparent url(/img/hati/line_email.png) no-repeat left bottom;
 color: #000;
}


#adTop  {
 padding: 0 0 0 10px;
 margin: 0 0 10px;
 background: #FFF;
}


#adTop img  {
 padding: 0px;
}


.mainContainer  {
/*this line will break ie6*/
 width: 771px;
 margin-bottom: 0px;
}


.mainContentContainer  {
 margin-top: -1px;
 padding-left: 5px;
 padding-bottom: 0px;
}


#mainWrapper  {
 background-color: #C8C6B8;
 width: 1000px;
 margin: 0 auto;
 padding-left: 2px;
}


#topMenuWrapper  {
 width: 771px;
 border-top: 6px solid #00679C;
}


#topHeaderContents  {
 clear: both;
 float: left;
/*this line will break ie6*/
 padding: 8px 0px 1px 0;
}

/*************************** 2.1 Columns ******************************/

.std3colLayout .column .inner,
.std2colLayout .column .inner,
.Cols-Main_Extra_Ad .column .inner,
.Cols-Main_Ad .column .inner  {
 padding-top: 0;
}


.std3colLayout .extraColumn .inner,
.Cols-Main_Extra_Ad .extraColumn .inner  {
 padding: 0 0px 12px 10px !important;
}


body.std2colLayout #mainWrapper div.mainContentContainer .mainColumn .inner,
body.Cols-Main_Extra_Ad #mainWrapper div.mainContentContainer .mainColumn .inner  {
}


.std3colLayout .adColumn.column .inner,
.Cols-Main_Extra_Ad .adColumn.column .inner  {
 padding: 0;
 margin-top: -1px;
}

/*************************** /2.1 Columns *****************************
************************** 2.2 ModalWindow **************************/

#modalWindowWrapper  {
 background: #FFF;
 border: 1px solid #BDBCBB;
 font-size: 0.74em;
 max-width: 690px;
 padding: 25px 10px 10px;
}


#modalWindowOverlay  {
 background: #000;
}


#modalWindowClose  {
 display: block;
 float: right;
 font-size: 0.93em;
 margin: 5px 10px !important;
 padding: 0 18px 6px 2px;
 text-transform: uppercase;
 background: url(/img/hati/bg_buttons.png) no-repeat 92% -468px !important;
}


#modalWindowClose:hover  {
}


#modalWindowLoader  {
 font: normal 0.74em/31px Arial, Helvetica, sans-serif;
 padding: 20px 20px 20px 60px;
 margin: -145px;
 width: 210px;
 height: 250px;
 background: #FFF url(/img-common/modal/loading.gif) no-repeat 20px 20px;
}


#modalWindowErrors  {
 margin: -145px;
 width: 250px;
 height: 190px;
 background: #FFF;
 border: 3px solid #F00;
 text-align: center;
 font-size: 0.8em;
 padding: 15px;
}


#modalWindowErrors p  {
 margin: 1em 0;
}


.pollResultsContainer  {
 padding: 5px;
}


.pollResultsContainer h1  {
 font-size: 1.4em;
 font-weight: bold;
 padding-bottom: 5px;
}


.pollResultsContainer p  {
 font-size: 0.92em;
 font-weight: bold;
 padding: 0 12px 12px 0;
}


.graphData  {
 border: 1px solid #E8E8E8;
 margin-bottom: 12px;
 width: 100%;
}


.pollResultsContainer .odd  {
 background-color: #F9F9F9;
}


table.graphData td  {
 padding: 2px;
 vertical-align: top;
}


.graphData td.text  {
 padding: 4px 0 4px 2px;
}


table.graphData td.graph  {
 width: 120px;
 padding: 2px;
 vertical-align: top;
}


.pollGraphbar  {
 background: #C60707;
 border: 1px solid #000;
 height: 12px;
 margin-top: 3px;
}


table.graphData td.percentage  {
 padding-right: 8px;
 text-align: right;
}


.totalVotes  {
 font: normal 1em Georgia, Constantia, "Times New Roman", Times, serif;
 padding: 12px 8px 0;
 text-align: right;
}

/*************************** / 2.2 ModalWindow *************************
SEE GLOBAL
************************** / 2 PAGE AREAS ****************************
SEE GLOBAL
************************** 3. BLOCKS *********************************
*************************** timeStamp -------------------------------*/

.dateStampTeaser  {
 font: bold 14px Georgia, "Times New Roman", Times, serif;
 color: #25211F;
 text-align: right;
 padding: 10px 24px 6px;
 text-transform: lowercase;
 background: #F6E000;
 width: 408px;
 padding: 6px 0;
 text-align: center;
 position: absolute;
 top: 70px;
 left: 185px;
}


.dateStampTeaser .weekday  {
 text-transform: none;
}

/**************************** /timeStamp ******************************
---------------------------/ lightWindow -----------------------------
-------------------------- simpleTeaserContainer ---------------------*/

.simpleTeaserContainer  {
 margin: 0 0 12px;
 padding: 0 0 6px;
}


.mainColumn .simpleTeaserContainer,
.extraColumn .simpleTeaserContainer  {
 background: transparent url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


.simpleTeaserContainer h3 span.superTitle  {
 font-size: 1.1em;
 display: block;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #000;
 background-color: transparent;
 padding: 2px 0 1px;
 margin: 0px;
}


.simpleTeaserContainer h3  {
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 0 0 10px;
}


.simpleTeaserContainer p  {
 margin: 0px;
 padding: 0 0 6px;
}

/*-------------------------- /simpleTeaserContainer ---------------------
--------------------------pageBlockContainer --------------------------*/

.pageBlockContainer .pageBlock.column333333  {
 width: 33.3%;
}


.mainContentContainer .mainColumn .fauxcolumn333333  {
 padding: 4px 0 0;
 background: transparent url(/img/hati/bg_333333Col.png) repeat-y scroll left top;
 zoom: 1;
 height: 1%;
}


.mainContentContainer .mainColumn .fauxcolumn333333 .articleTeaser  {
 background: none;
}


.mainContentContainer .mainColumn .fauxcolumn333333 h3  {
 padding-top: 0;
}


.mainContentContainer .mainColumn .fauxcolumn333333 .clearer  {
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


.mainContentContainer .mainColumn .fauxcolumn333333 img.top  {
 margin-bottom: 5px;
}


.mainContentContainer .mainColumn .fauxcolumn5050  {
 padding: 4px 0 0;
 background: transparent url(/img/hati/bg_5050Col.png) repeat-y scroll left top;
}


.mainContentContainer .mainColumn .fauxcolumn5050 .articleTeaser  {
 background: none;
 padding: 0 4px;
 margin: 0 0px;
}


.mainContentContainer .mainColumn .fauxcolumn5050 h3  {
 padding-top: 0;
}


.mainContentContainer .mainColumn .fauxcolumn5050 img.top  {
 margin-bottom: 5px;
}


.mainContentContainer .mainColumn .fauxcolumn5050 .clearer  {
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 height: 3px;
}


.mainContentContainer .pageBlockContainer .simpleTeaserContainer,
.mainContentContainer .pageBlockContainer .articleTeaser  {
 margin: 1px;
 padding: 4px;
 margin: 1px;
 border: none;
}


.mainContentContainer .pageBlockContainer  {
 margin: 0 0 3px;
 padding: 0;
 height: auto !important;
 height: 1%;
 overflow: visible;
}


.mainContentContainer .pageBlockContainer .simpleTeaserContainer h3 span.superTitle  {
 font-size: 0.9em;
 display: block;
 font-weight: bold;
 text-transform: none;
 color: #C60707;
 background-color: transparent;
 padding: 0 0 2px;
}


.mainContentContainer .pageBlockContainer .simpleTeaserContainer h3  {
 font: bold 1.4em Arial, Helvetica, sans-serif;
 padding: 0 0 2px;
}

/*hides overflowing contents*/

.mainContentContainer .pageBlockContainer .pageBlock.column5050,
.mainContentContainer .pageBlockContainer .pageBlock.column6633.column1,
.mainContentContainer .pageBlockContainer .pageBlock.column6633.column2,
.mainContentContainer .pageBlockContainer .pageBlock.column333333,
.mainContentContainer .pageBlockContainer .pageBlock.column6633  {
 overflow: hidden;
}


#mainWrapper .pageBlockContainer .pageBlock.column5050  {
 padding: 0;
}


#mainWrapper .pageBlockContainer .pageBlock.column333333  {
 width: 33.3%;
 padding: 0;
}


.pageBlockContainer .pageBlock.column7720.column1  {
 width: 77%;
 float: left;
}


.pageBlockContainer .pageBlock.column7720.column2  {
 width: 20%;
 float: left;
 padding: 16px 0 0 20px;
}


.pageBlockContainer .pageBlock.column7720.column2 ul  {
 font: normal 0.9em "comic sans ms";
 color: #000;
}


.pageBlockContainer .pageBlock.column7720.column2 ul a.email  {
 background: transparent url(/img/hati/line_email.png) no-repeat scroll left bottom;
 display: block;
 float: left;
 padding: 0 4px 3px;
 color: #000;
}

/*------------------------ /pageBlockContainer --------------------------*/

.pollContainer  {
 background: #FFF url(/img/hati/bg_stripesVertical.png) repeat-x left bottom;
 font-family: Arial, Helvetica, sans-serif;
 margin-bottom: 12px;
 padding-bottom: 4px;
}


.pollContainer h3  {
 color: #555441;
 display: block;
 font-size: 1.3em;
 font-weight: bold;
 margin: 0 0 9px;
 padding: 4px 0 4px 9px;
 background: #DFDCC3 url(/img/hati/bg_stripesVertical.png) repeat-x left bottom;
}


.pollContainer p  {
 padding: 0 9px 9px;
}


.pollContainer table  {
 margin: 0 9px 2px;
}


.pollContainer table td  {
 padding: 0 0 2px;
}


.pollContainer table td input  {
 display: block;
 float: left;
}


.pollContainer table td label  {
 display: block;
 float: left;
 padding: 2px 0 0 6px;
}


div.pollContainer div.voteContainer,
div.pollContainer div.JSDependent  {
 padding: 0 9px 9px;
 text-align: right;
 display: block !important;
 visibility: visible;
}


div.pollContainer div.voteContainer a  {
 display: block;
}

/*------------------------------ rssTeaser ------------------------------*/

.rssTeaserContainer  {
 background: url(/img-common/icon_rss.gif) no-repeat 0px 0px;
 padding: 0 0 4px 30px;
 margin: 0 0 10px;
 border-bottom: 1px solid #DDDDDD;
 display: none;
}


.mainContentContainer .rssTeaserContainer h3  {
 font-weight: bold;
 margin: 0px;
 padding: 0 0 3px;
 text-transform: uppercase;
 color: #2778A5;
}


.mainContentContainer .rssTeaserContainer p  {
 margin: 0 0px 0px 0;
 padding: 0px;
}


.rssTeaserContainer a  {
 font-weight: bold;
 font-size: 0.94em;
}

/*-------------------------- /rssTeaser -------------------------------
------------------- quickNavigationContainer ------------------------
-------------------- /quickNavigationContainer-----------------------
----------------------------------- staticPollList----------------------------------

1. allcolumns
2. extraColumn
*/

.singlePollStatic  {
 border-bottom: 1px solid #E3E3E3;
 padding-bottom: 12px;
 margin-bottom: 14px;
}


.singlePollStatic h1  {
 font: normal 2.4em Georgia, "Times New Roman", Times, serif;
 margin: 0px;
}


.singlePollStatic .imgLeft  {
 float: left;
 width: 110px;
 padding: 6px 0px 0px;
 background: url(/img-common/bg_poll_image.gif) no-repeat right top;
}


.singlePollStatic .imgLeft img  {
 border: 1px solid #000;
 margin-bottom: 10px !important;
 margin-bottom: 20px;
}


.singlePollStatic .textRight  {
 float: left;
 width: 340px;
 text-indent: 1.6em;
}


#leftCol .singlePollStatic .textRight p  {
 font: normal 0.9em Georgia, "Times New Roman", Times, serif;
}


.singlePollStatic .textRight blockquote  {
 background: url(/img-common/singlePollBlockquote.gif) no-repeat -30px -5px;
}


.singlePollStatic .textRight h3  {
 font: normal 1.8em Georgia, "Times New Roman", Times, serif;
 text-indent: 0em;
 margin: 0px;
 padding: 0 0 12px;
}


.singlePollStatic .clearer  {
 margin: -6px 0 7px;
 border-bottom: 1px dashed #EAEAEA;
 height: 1px;
 line-height: 0px;
 font-size: 1px;
}

/*== 2. extraColumn ==*/

.extraColumn .singlePollStatic .inner  {
 padding: 0;
}


.extraColumn .singlePollStatic .imgLeft  {
 width: 86px;
}


.extraColumn .singlePollStatic .textRight  {
 width: 190px;
}


.extraColumn .singlePollStatic .imgLeft  {
 background: url(/img-common/bg_poll_image.gif) no-repeat left -1px;
}

/*------------------------ /staticPollList----------------------------------
------------------------ todaysHeadlines ----------------------------------*/

#todaysHeadlines  {
 background-color: #FFFFFF;
 clear: left;
 width: 747px;
 padding: 12px;
/*Hiding todaysHeadlines*/
 display: none;
}


#todaysHeadlines h2  {
 font-weight: bold;
 font-size: 0.8em;
 margin-bottom: 10px;
 background-color: #CDCDCD;
 padding: 12px;
}


#todaysHeadlines h3  {
 color: #666;
 font-size: 0.74em;
 clear: both;
}


#todaysHeadlines h3 .departmentLabel  {
 float: none;
 margin-bottom: 4px;
 padding: 4px;
}


#todaysHeadlines em  {
 font-style: normal;
 font-size: 0.74em;
 display: block;
 clear: both;
}


#todaysHeadlines .column  {
 float: left;
 width: 25%;
}


#todaysHeadlines ol  {
 list-style: none;
 list-style-position: inside;
 margin-bottom: 10px;
}


#todaysHeadlines ol li  {
 margin: 2px 0 2px 8px;
 padding: 0 6px 0 12px;
 background: url(/img-common/bg_todaysHeadlines.gif) no-repeat left 3px;
 line-height: 0.74;
}


#todaysHeadlines ol li a  {
 color: #000000;
 text-decoration: none;
 font-size: 0.68em;
}


#todaysHeadlines .calendar  {
 width: 183px;
 position: relative;
 z-index: auto;
 top: -20px;
 margin-left: 8px;
}


#todaysHeadlines .calendar .nav_prev  {
 float: left;
 padding-left: 8px;
}


#todaysHeadlines .calendar .nav_next  {
 float: right;
 padding-right: 8px;
}


#todaysHeadlines .calendar .nav_next,
#todaysHeadlines .calendar .nav_prev  {
 font-size: 1.2em;
 line-height: 1em;
 position: relative;
 z-index: 100;
 top: 24px;
}


#todaysHeadlines .calendar .nav_next a,
#todaysHeadlines .calendar .nav_prev a  {
 color: #000000;
 text-decoration: none;
}


#todaysHeadlines .calendar .month h2  {
 padding: 6px 0 4px;
 margin-bottom: 0;
 text-align: center;
 font-size: 0.7em;
}


#todaysHeadlines .calendar .month  {
 margin-bottom: 12px;
 background-color: #E8E8E8;
 padding: 4px;
}


#todaysHeadlines .calendar ol  {
 list-style: none;
 clear: left;
}


#todaysHeadlines .calendar ol li  {
 color: #999;
 width: 25px;
 float: left;
 text-align: center;
 display: block;
 margin: 0;
 padding: 0;
 background-image: none;
 line-height: 1;
 font-size: 0.7em;
}


#todaysHeadlines .calendar ol.days li  {
 background: #666 url(/img-common/bg_level1_item.gif) top;
 color: #FFFFFF;
 font-size: 0.7em;
 font-weight: bold;
 padding: 5px 0;
}


#todaysHeadlines .calendar ol.date li  {
 padding-top: 8px;
}


#todaysHeadlines .calendar ol li a  {
 padding: 2px 4px;
 background-color: #FFFFFF;
 display: block;
 margin: -4px 1px 0;
 font-size: 1em;
}


#todaysHeadlines .calendar ol li.selected a  {
 background-color: #C60707;
 color: #FFFFFF;
 font-weight: bold;
 padding: 2px;
}

/*------------------------ /todaysHeadlines ---------------------------------*/

#startpageContainer.secondary  {
 margin-top: 18px;
 padding-top: 12px;
 clear: both;
}

/**** {{--3.12 photographer byline}} ****/

div.teaserImage  {
 margin: 0 0 5px;
 text-align: right;
}


div.teaserImage.left  {
 margin: 0px 12px 5px 0;
 float: left;
 text-align: left;
}


div.teaserImage.right  {
 margin: 0px 0 5px 12px;
 float: right;
}


div.teaserImage img  {
 float: none;
 display: block;
 margin: 0 0 2px;
}


dl.photographer  {
/*HIDE*/
 display: none;
/*/HIDE*/
 display: inline;
 color: #777;
}


dl.photographer dd  {
 font-size: 0.85em;
 padding: 2px 2px 2px 19px;
 background: url(/img/hati/icon_photobyline.png) no-repeat 0 50%;
}


.articleFloatContainer dl.photographer dd  {
 float: right;
 padding: 2px 2px 2px 19px;
 margin: 0 0 5px;
}


#articleContainer dl.photographer  {
 float: right;
 margin: 0 0 0 1em;
}


#articleContainer .articleFloatContainer dl.photographer  {
 float: none;
 display: block;
 padding: 0 0 6px;
 text-align: right;
 overflow: hidden;
}


* html #articleContainer .articleFloatContainer dl.photographer  {
 overflow: visible;
 height: 1%;
}


.articleTeaser  {
 position: relative;
}


.articleTeaser .imageTeaser dl.photographer  {
 position: absolute;
 top: 0;
 right: 1px;
 background: #000;
 padding: 2px;
 display: none;
}

/*=HIDDEN =======
.articleTeaser:hover .imageTeaser dl.photographer,
* html .articleTeaser .imageTeaser dl.photographer {
display:block;
}*/

.simpleTeaserContainer .left dl.photographer,
.simpleTeaserContainer .right dl.photographer  {
 font-size: 0.8em;
}

/**** /3.12 photographer byline ***
***************************** /3 BLOCKS ********************************
*************************** 4 SPECIFIC by page **************************/

#visitorReviews  {
 display: block;
 clear: both;
 background: url(/img-common/label_reader_reviews.gif) no-repeat left top;
 padding-top: 28px !important;
 padding-top: 14px;
}


#articleComments  {
 display: none;
}

/*---------------------/ #articleComments --------------------------
--------------------- quickNavigation ---------------------------*/

.quickNavigationContainer select  {
 width: 100%;
}

/*-------------------- /quickNavigation ---------------------------
---------------------------- editorialTeaser  --------------------*/

.std3colLayout .extraColumn .editorialTeaserContainer  {
 display: none;
}


.editorialTeaserContainer  {
 padding: 8px 0px 0;
 margin-bottom: 8px;
 height: auto !important;
 height: 1%;
}


.bylineContent.vcard  {
 margin: 0 0 6px;
 padding-bottom: 0px;
}


.editorialTeaserContainer img  {
 float: right;
 margin: 0 0 8px 8px;
}

/*----------------------------/ editorialTeaser  --------------------
------------------------------  Byline  ---------------------------*/

.bylineContent img  {
 float: right;
 margin: 0 0 0 16px;
}


.bylineContent .name,
.bylineContent .title  {
 font-weight: bold;
}


.bylineContent .name  {
 padding: 8px 0 2px;
}


.bylineContent .name,
.bylineContent .title,
.bylineContent .number,
.bylineContent .email  {
 display: block;
/*padding: 0 80px 0 0;*/
 text-align: left;
}

/*------------------------------  Byline  ---------------------------
------------------------ SearchTeaser -----------------------------*/

.searchTeaserContainer  {
 margin: 0px 0 8px;
}


.searchTeaserContainer h3  {
 font-size: 1em;
 font-weight: bold;
 margin: 0px;
 padding: 0 0 6px;
 text-indent: -9999px;
 position: absolute;
 left: -9999;
 visibility: hidden;
}


.searchTeaserContainer form div  {
}


.searchTeaserContainer .string  {
 width: 195px;
 width: 175px;
 _width: 171px;
 border: 1px dashed #9D9D9D;
 color: #535353;
 margin-right: 5px;
 padding: 5px 0 5px 10px;
 font-size: 1.2em;
 float: left;
}

/*==search in header==*/

#topHeaderContents .pageBlock.column5050 .column2  {
}


#topHeaderContents .pageBlock.column5050 .searchTeaserContainer  {
 background: #E8E8E8 url(/img-common/bg_searchBoxTop.gif) repeat-y scroll right top;
 border: 1px solid #CDCDCD;
 font-size: 0.7em;
 margin-bottom: 10px;
 margin-left: 100px;
 padding: 5px 0pt 12px 16px;
 width: 264px;
 height: 5.4em;
}


#topHeaderContents .pageBlock.column5050 .searchTeaserContainer .string  {
 width: 246px;
 margin-bottom: 7px;
}


#topHeaderContents .pageBlock.column5050 .searchTeaserContainer select  {
 width: 178px;
 float: left;
}


#topHeaderContents .pageBlock.column5050 .searchTeaserContainer h3  {
 color: #AAA;
 padding: 2px;
}

/*------------------------/SearchTeaser ----------------------------*/

#rssContainer  {
 margin: 0 0 8px;
 background: #FFF url(/img/hati/bg_rssContainer.png) no-repeat;
 padding: 29px 0 0;
}


#rssContainer ol  {
 background: url(/img/hati/bg_rssContainerBottom.png) repeat-x left bottom;
 padding: 2px 8px 8px;
 height: auto !important;
 height: 120px;
 max-height: 120px;
 overflow: auto;
}


#rssContainer ol li  {
 line-height: 1.2em;
 padding: 0 0 2px;
 height: auto !important;
 min-height: 1%;
 overflow: hidden;
 zoom: 1;
}


#rssContainer ol li span  {
 color: #555441;
 font-weight: bold;
 padding: 0 6px 0 0;
 display: block;
 float: left;
}


#rssContainer ol li a,
#rssContainer ol li a:visited  {
 text-decoration: none;
 color: #555441;
 display: block;
 float: left;
 width: 207px;
 padding: 0;
}

/*-------------------------- Latest News ---------------------------*/

.latestNewsContainer  {
 margin-bottom: 12px;
 padding-bottom: 4px;
 background: transparent url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 font-family: Arial, Helvetica, sans-serif;
}


.latestNewsContainer .titleContainer  {
 background: #DFDCC3 url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 margin-bottom: 2px;
}


.latestNewsContainer .newsListContainer  {
 background-color: #FFF;
 padding: 0 0 13px;
}


.latestNewsContainer .titleContainer .opt_rightText  {
 color: #000;
 background-color: transparent;
 padding: 7px 10px 2px 8px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 display: none;
 float: right;
}


.latestNewsContainer .titleContainer h4,
.latestNewsContainer .titleContainer h3  {
 font-size: 1.3em;
 font-weight: bold;
 margin: 0px;
 display: block;
 padding: 4px 0pt 4px 9px;
 color: #555441;
 background: transparent url(/img/hati/ltzNews.png) no-repeat 9px 6px;
 text-indent: -9999px;
}


.latestNewsContainer .contentContainer  {
}


.latestNewsContainer ul.newsNavigation  {
 list-style: none;
 display: block;
 background-color: #FFF;
 color: #000;
 padding: 6px 2px 2px;
 text-align: left;
}


.latestNewsContainer ul.newsNavigation li  {
 display: inline;
 padding: 0 5px 5px;
 margin: 1px 7px 1px 3px;
}


.latestNewsContainer ul.newsNavigation li.selected  {
 background: #CDCDCD;
 padding: 1px 12px 4px;
 font-weight: bold;
}


.latestNewsContainer ul.newsNavigation li a  {
 color: #000;
 background-color: transparent;
}


.latestNewsContainer dl.newsList  {
 padding-top: 9px;
 font-weight: bold;
 border-bottom: 1px solid #FFF;
 height: 120px;
 overflow: auto;
}


.latestNewsContainer dt  {
 font-weight: bold;
 float: left;
 display: block;
 margin-left: 9px;
 color: #555441;
}


.latestNewsContainer dd  {
 font-weight: normal;
 padding: 0px;
 margin-left: 55px;
 margin-bottom: 3px;
 display: block;
 padding-right: 8px;
}


.latestNewsContainer span.articleSource  {
 display: none;
}


.latestNewsContainer a.read_more,
.readerListContainer a.entire_list  {
 display: block;
 padding: 4px 16px;
 color: #000;
 background-color: transparent;
 text-decoration: underline;
 text-align: right;
}


.latestNewsContainer a.entire_list  {
 display: block;
 padding: 4px 8px;
 font-size: 0.9em;
 font-weight: bold;
 text-decoration: underline;
}

/*-----latestNewsNavigation----
----- Folded latestNews----*/

.latestNewsContainer.folded  {
}


.mainContentContainer .latestNewsContainer.folded h4 a:link,
.mainContentContainer .latestNewsContainer.folded h4 a:visited  {
 text-decoration: none;
 color: #FFF;
}


.latestNewsContainer.folded div.titleContainer  {
 display: none;
}


.latestNewsContainer.folded ul.newsNavigation  {
 margin: 0;
 padding: 0;
 float: left;
 width: 100%;
}


.latestNewsContainer.folded ul.newsNavigation li  {
 display: block;
 float: left;
 clear: left;
 width: 100%;
 display: block;
 margin: 0;
 padding: 0;
}


.latestNewsContainer.folded ul.newsNavigation li.selected  {
 padding: 0;
}


.latestNewsContainer.folded ul.newsNavigation li.selected h4,
.latestNewsContainer.folded ul.newsNavigation li.selected h4 a  {
 background-color: #FF7E00;
 background-image: none;
}


.latestNewsContainer.folded ul.newsNavigation li h4  {
 padding-left: 1em;
 padding-top: 2px;
 padding-bottom: 2px;
 margin: 0;
 color: #FFF;
 background: #000 url(/img-common/bg_level1_item.gif) repeat-x scroll left top;
 display: block;
 font-size: 1.3em;
 height: 1.4em;
 font-weight: bold;
 border-bottom: 1px solid #CCC;
}


.latestNewsContainer.folded ul.newsNavigation li h4 a  {
 text-decoration: none;
 color: #FFF;
}


.latestNewsContainer.folded ul.newsNavigation li dl.newsList  {
 background-color: #FFF;
 padding: 0;
 margin: 0;
}


.latestNewsContainer.folded ul.newsNavigation li dl.newsList dd  {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 padding-left: 0.7em;
 border-top: 1px solid #CCC;
 margin: 0;
}


.latestNewsContainer.folded ul.newsNavigation li dl.newsList dd a  {
 padding-top: 0.5em;
 padding-bottom: 0.5em;
}


.latestNewsContainer.folded ul.newsNavigation li dl.newsList dt  {
 padding-top: 0.5em;
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll 0.5em 0.5em;
 padding-left: 1.7em;
 padding-right: 0.3em;
 border-top: 1px solid #CCC;
 margin: 0;
}


.latestNewsContainer.folded ul.newsNavigation li dl.newsList a  {
 text-decoration: none;
}


.latestNewsContainer.folded ul.newsNavigation li div.newsListContainer  {
 padding: 0;
}

/*----/ Folded latestNews----*/

.latestNewsContainer .contentContainer  {
 clear: both;
}


.latestNewsContainer ul.newsNavigation  {
 list-style: none;
 display: none;
}


.latestNewsContainer ul.newsNavigation li  {
 display: inline;
}


.latestNewsContainer a.entire_list  {
 display: block;
 text-align: right;
 padding-right: 16px;
 margin-right: 4px;
 display: none;
}

/*----/ latestNewsNavigation----
------------------------- /latestNews ---------------------------
------------------------- readerList ---------------------------*/

.readerListContainer  {
 margin-bottom: 2px;
 padding-bottom: 4px;
 background: transparent url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


.readerListContainer .titleContainer  {
 background: #DFDCC3 url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 margin-bottom: 2px;
 height: auto;
 overflow: visible;
}


.readerListContainer .titleContainer h4,
.readerListContainer .titleContainer h3  {
 font-size: 1.3em;
 font-weight: bold;
 margin: 0px;
 display: block;
 padding: 4px 0pt 4px 9px;
 color: #555441;
 background: transparent url(/img/hati/ltzNews.png) no-repeat 9px 6px;
 text-indent: -9999px;
}


.readerListContainer .contentContainer  {
 padding: 0 6px 13px 0;
 background: #FFF;
}


.readerListContainer ul.newsNavigation  {
 list-style: none;
 display: none;
 padding: 4px 0pt 6pt 12px;
 margin: 0 0 10px;
 background-color: #FFF;
}


.readerListContainer ul.newsNavigation li  {
 display: inline;
 padding: 2px 0 7px;
 margin: 1px 1px 5px;
 font-size: 0.98em;
}


.readerListContainer ul.newsNavigation li.selected  {
 color: #000;
 font-weight: bold;
 background-image: none;
}


.readerListContainer dl.newsList  {
 list-style-type: disc;
 font-weight: bold;
}


.readerListContainer dl.newsList dt  {
 clear: left;
 float: left;
}


.readerListContainer dl.newsList dd  {
 display: inline;
 margin-bottom: 5px;
 margin-left: 0px;
}


.readerListContainer span.articleDate  {
 color: #CC0000;
 background-color: transparent;
}


.readerListContainer span.articleTitle  {
 font-weight: normal;
 font-size: 1em;
 margin: 0px;
 padding: 0px;
}


.mainContentContainer .latestNewsContainer span.articleTitle a,
.mainContentContainer .readerListContainer span.articleTitle a  {
 font-weight: normal;
 text-decoration: none;
 color: #555441;
}


.readerListContainer span.articleSource  {
 display: none;
 color: #999;
 background-color: transparent;
}


.readerListContainer ol  {
 list-style-type: decimal;
 list-style-position: outside;
 padding-left: 26px !important;
 padding: 9px 0 0 30px;
 font-weight: bold;
 color: #555441;
 background-color: transparent;
}


.readerListContainer ol li  {
 padding: 0 0 0 29px;
 margin: 0px;
}

/*-------------------------/ ReadersList/---------------------------
------------------------ extraCol handmade article ---------------*/

#make-add h2,
#th-card h2,
#subscribe h2  {
 font-size: 1.6em;
 padding: 0 0 3px;
}


#th-card  {
 margin-bottom: 3px;
 background: #FFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


#th-card .inner  {
 background: transparent url(/img/hati/icon_th-card.png) no-repeat scroll 7px 11px;
 display: block;
 padding: 22px 0 0 155px !important;
 height: 99px;
}


#th-card p  {
}


#th-card p a,
#subscribe p a,
#make-add p a  {
 color: #007AC5;
 font-weight: bold;
}


#th-card p a.more,
#subscribe p a.more,
#make-add p a.more  {
 display: block;
}


#make-add  {
 margin-bottom: 3px;
 background: #FFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


#make-add .inner  {
 background: transparent url(/img/hati/icon_make-add.png) no-repeat scroll 7px 11px;
 display: block;
 padding: 43px 0 0 155px !important;
 height: 104px;
}


#make-add p  {
}


#subscribe  {
 margin-bottom: 3px;
 background: #FFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
}


#subscribe .inner  {
 background: transparent url(/img/hati/icon_subscribe.png) no-repeat scroll 7px 11px;
 display: block;
 padding: 43px 0 0 155px !important;
 height: 97px;
}


#subscribe p  {
}

/*------------------------/ extraCol handmade article ---------------
------------------------  tipafriend  ----------------------------*/

.tipafriendContainer  {
 padding: 12px 12px 0;
 margin-top: -20px;
}


.tipafriendContainer a.close  {
 cursor: pointer;
 font-weight: bold;
 display: block;
}


.tipafriendContainer2_confirmation  {
 padding: 12px 12px 0;
 margin-top: 20px;
}


.tipafriendContainer2_confirmation a.close  {
 cursor: pointer;
 font-weight: bold;
 display: none;
}


.mainColumn .tipafriendContainer a.close,
.mainColumn .tipafriendContainer2_confirmation a.close  {
 display: none;
}


.tipafriendContainer .error  {
 padding-left: 18px;
 font: bold 0.66em Arial, Helvetica, sans-serif;
 color: #C60707;
}


.tipafriendContainer h1  {
 position: absolute;
 left: -9999px;
}


.tipafriendContainer .header  {
 font-size: 1.8em;
 padding: 12px 0;
}

/*/*/

.tipafriendContainer label  {
 font: bold 0.9em Arial, Helvetica, sans-serif;
}


.tipafriendContainer .tipafriend form .exclamationmark_hidden em  {
 display: none;
}


.tipafriendContainer .tipafriend form .inputfield input,
.tipafriendContainer .tipafriend form textarea  {
 background: #FFF;
 padding: 5px 0 5px 10px;
 width: 255px;
 border: 1px dashed #9D9D9D;
 margin: 2px 0 6px;
 font-size: 1.2em;
}


div.tipafriend .close  {
 float: right;
}


div.tipafriend .close span.closeText  {
 background: #DFDCC3 none repeat scroll 0 0;
 border: 0 none #000000;
 color: #555441;
 cursor: pointer;
 font-size: 1.3em;
 font-weight: bold;
 letter-spacing: -1px;
 margin-left: 0;
 padding: 4px 19px;
 text-decoration: none;
}


.tipafriendContainer .tipafriend form textarea  {
 margin-bottom: 20px;
}


.tipafriendContainer2_confirmation p  {
 margin-bottom: 20px;
}

/*------------------------  tipafriend  ----------------------------
------------------------- dayInPictures --------------------------*/

div.dip_container  {
 margin: 0 0 16px;
 background: url(/img-common/bg_camera.gif) no-repeat;
}


div.dip_container h2  {
 margin: 0;
 font: normal 24px Georgia, serif;
}


div.dip_container p  {
 margin: 0 0 16px;
}


div.dip_navigation  {
 width: 454px;
 position: relative;
 z-index: 20;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 margin: 0;
 padding: 2px 7px;
}


div.dip_navigation strong  {
 float: left;
 display: block;
 padding: 2px 8px 0 0;
 margin: 0;
 font-weight: bold;
 line-height: 16px;
}


div.dip_navigation select  {
 float: left;
 display: block;
 margin: 0 8px 0 0;
}


div.dip_navigation a.showAll  {
 float: left;
 display: block;
 margin: 2px 8px 0 0;
 line-height: 16px;
 color: #39C;
}


div.dip_navigation div.clearer  {
 clear: both;
 height: 1px;
 overflow: hidden;
 line-height: 1%;
 font-size: 0;
 margin: 0 0 -1px;
}


div.dip_navigation div.navigation  {
 float: right;
 text-align: center;
 width: 100px;
 line-height: 16px;
 height: 16px;
 margin: 2px 0 0;
}


div.dip_navigation div.navigation a.previous  {
 float: left;
 background: url(/img-common/bg_dipNav_Next.gif) no-repeat;
 width: 20px;
 height: 20px;
}


div.dip_navigation div.navigation a.next  {
 float: right;
 background: url(/img-common/bg_dipNav_Previous.gif) no-repeat right top;
 width: 20px;
 height: 20px;
}


div.dip_navigation div.navigation a.previous span,
div.dip_navigation div.navigation a.next span  {
 display: none;
}


div.dip_nrOfRows  {
 padding: 7px 0;
 margin: 0;
 width: 100%;
 z-index: 20;
}


div.dip_nrOfRows table  {
 width: 100%;
 margin: 0;
 padding: 0;
 display: block;
 table-layout: fixed;
 border-collapse: collapse;
}


div.dip_nrOfRows table tr  {
 height: 127px;
}


div.dip_nrOfRows table td  {
 width: 151px;
 height: 120px;
 padding: 0;
 overflow: hidden;
 text-align: center;
 background: #000;
 vertical-align: middle;
}


div.dip_nrOfRows table td.middle  {
 padding: 0 7px;
 background: #000;
}


div.dip_placeholder  {
 text-align: right;
}


div.dip_placeholder a.collapse  {
 color: #39C;
 padding: 4px 7px;
 line-height: 1.4;
 text-transform: uppercase;
}


div.dip_placeholder.collapsed  {
 display: none;
}

/*------------------------ /dayInPictures --------------------------
********************** /4  SPECIFIC by page ********************
************************** 5 THEMES ****************************
***************** 5.1 Department profiles **********************
teman anger varden i konfiguration som matchas genom css-varden.
-----------------------sports_department-------------------------
ELEMENTS ON STARTPAGE
.sports_department .simpleTeaserContainer .pollContainer h4,
.sports_department #topMenuWrapper #level1 .item.selected,
.sports_department .themeBlockContainer h3,
.sports_department .readerListContainer .titleContainer h3,
.sports_department .latestNewsContainer .titleContainer,
.sports_department #topMenuWrapper #level2,
.sports_department #articleContainer .bgFactContainer h2,
.sports_department #articleContainer .articleFloatContainer .factContainer h2,
.sports_department #topMenuWrapper #level2 a    {
background-color:#FFA800;
background-image:none;
}

/* Temporlda menyer*/

#topMenuWrapper #level1 #navLevel1_item9,
#topMenuWrapper #level1 #navLevel1_item10,
#topMenuWrapper #level1 #navLevel1_item11  {
 display: none;
}

/*
themeblock

.sports_department .themeBlockContainer {
border:1px solid #FFA800;
}

.sports_department .themeBlockContainer h3 {
background-color:#FFA800;
}
/*
label

.departmentLabel.sports_department{
background-color:#FFA800;
}
/*t0617001_viewMemberArticle

.articleUserGenerated .usergenerated_label.sports_department
{
background-position:left top !important;
background:#CDCDCD url(/img-common/bg_readerGenerated_sports.gif) no-repeat 10px center;
}
/* ---------------------- /sports_department-------------------------
---------------------- cultures_department-------------------------
.cultures_department .simpleTeaserContainer .pollContainer h4,
.cultures_department #topMenuWrapper #level1 .item.selected,
.cultures_department .readerListContainer .titleContainer h3,
.cultures_department .latestNewsContainer .titleContainer,
.cultures_department #topMenuWrapper #level2,
.cultures_department #articleContainer .bgFactContainer h2,
.cultures_department #articleContainer .articleFloatContainer .factContainer h2   {
background-color:#CC0066;
background-image:none;
}

/*
themeblock

.cultures_department .themeBlockContainer {
border:1px solid #CC0066;
}

.cultures_department .themeBlockContainer h3 {
background-color:#CC0066;
}
/*
label

.departmentLabel.cultures_department{
background-color:#CC0066;
}
/*.cultures_department #topHeaderContents .pageBlockContainer{
background:#FFF url(/img-common/departmentTop_sprite.png) no-repeat scroll 320px 20px;
}
---------------------- /culture_department------------------------
------------------------- news_department-------------------------
ELEMENTS ON STARTPAGE
.news_department .simpleTeaserContainer .pollContainer h4,
.news_department #topMenuWrapper #level1 .item.selected,
.news_department .readerListContainer .titleContainer h3,
.news_department .latestNewsContainer .titleContainer,
.news_department #topMenuWrapper #level2,
.news_department #articleContainer .bgFactContainer h2,
.news_department #articleContainer .articleFloatContainer .factContainer h2   {
background-color:#AAA;
background-image:none;
}
/*
themeblock

.news_department .themeBlockContainer {
border:1px solid #AAA;
}
.news_department .themeBlockContainer h3 {
background-color:#AAA;
}
/*
label
.departmentLabel.news_department{
background-color:#ECEF00;
}
/* ------------------------ /news_department-------------------------
------------------------ family_department------------------------
ELEMENTS ON STARTPAGE
.family_department .simpleTeaserContainer .pollContainer h4,
.family_department #topMenuWrapper #level1 .item.selected,
.family_department .readerListContainer .titleContainer h3,
.family_department .latestNewsContainer .titleContainer,
.family_department #topMenuWrapper #level2,
.family_department #articleContainer .bgFactContainer h2,
.family_department #articleContainer .articleFloatContainer .factContainer h2   {
background-color:#96C6CA;
background-image:none;
}
/*
themeblock

.family_department .themeBlockContainer {
border:1px solid #96C6CA;
}
.family_department .themeBlockContainer h3 {
background-color:#96C6CA;
}
/*
label

.departmentLabel.family_department   {
background-color:#96C6CA;
}
/* ----------------------- /family_department------------------------
---------------------------- lifestyle----------------------------
ELEMENTS ON STARTPAGE
.lifestyle_department .simpleTeaserContainer .pollContainer h4,
.lifestyle_department #topMenuWrapper #level1 .item.selected,
.lifestyle_department .readerListContainer .titleContainer h3,
.lifestyle_department .latestNewsContainer .titleContainer,
.lifestyle_department #topMenuWrapper #level2,
.lifestyle_department #articleContainer .bgFactContainer h2,
.lifestyle_department #articleContainer .articleFloatContainer .factContainer h2   {
background-color:#920797;
background-image:none;
}
/*
label

.departmentLabel.lifestyle_department   {
background-color:#920797;
}
/*
themeblock

.lifestyle_department .themeBlockContainer {
border:1px solid #920797;
}

.lifestyle_department .themeBlockContainer h3 {
background-color:#920797;
}
/* ----------------------------/lifestyle----------------------------
******************* /5.1 Department profiles *********************
********************** 5.2 Theme block *********************
nedan anger bastema. Demotidningen har orange.*/

.themeBlockContainer  {
 margin-bottom: 12px;
}


.themeBlockContainer .articleTeaser  {
 border-bottom: none;
}


.themeBlockContainer h3  {
 font-weight: bold;
 font-size: 1.4em;
 padding: 3px 0 3px 6px;
 text-transform: uppercase;
}


.themeBlockContainer .inner h3  {
 font-size: 2em;
 text-transform: none;
 padding: 0 0 10px;
 color: #000000;
 background-color: transparent;
}


.themeBlockContainer .inner h4  {
 font-family: Arial, Helvetica, sans-serif;
 font: bold 1.5em sans-serif;
 font-size: 14px;
 padding: 3px 0;
 text-transform: none;
}


.themeBlockContainer .inner h3.articleSuperTitle  {
 font-family: "Arial Black", Arial, Helvetica, sans-serif;
 padding: 0 0 12px 4px;
 letter-spacing: 0.01em;
 font-weight: normal;
 font-size: 2.4em;
}


.themeBlockContainer .inner  {
 padding: 0px 0px 1px 4px;
}


.themeBlockContainer  {
 border: 1px solid #FF7E00;
}


.themeBlockContainer h3  {
 background-color: #FF7E00;
 color: #FFFFFF;
}

/************************ /5.2 Theme blocks *********************
***************************** 5.3 FocusTeaser **************************
******************* brynas *******************/

.brynas_themeBlock  {
 background: #000 url(/img-common/bg_brynas.gif) no-repeat left top;
 height: 1%;
 border: 1px solid #000;
}


.std3colLayout .extraColumn .brynas_themeBlock .inner,
.Cols-Main_Extra_Ad .extraColumn .brynas_themeBlock .inner  {
 padding: 20px 0;
}


.brynas_themeBlock h3  {
 left: -999px;
 position: absolute;
 width: 100px;
}


.focusTeaser .imgBanner  {
 padding: 50px 50px 0px 12px;
 margin-bottom: 12px;
}


.focusTeaser ul.linksReadmore  {
 padding-bottom: 4px;
 background-color: #FAD314;
}


.focusTeaser ul.linksReadmore li  {
 background: #FAD314 url(/img-common/bg_focusTeaserReadMore.gif) no-repeat right top;
 padding: 2px 0px 2px 12px;
 font-size: 0.8em;
}


.focusTeaser .linksReadmore li a:link,
.focusTeaser .linksReadmore li a:visited  {
 text-decoration: none;
 display: block;
}


.focusTeaser h4.linksReadmore a  {
 padding: 50px 50px 0px 12px;
 color: #000;
 background-color: #FAD314;
}


.focusTeaser h4  {
 color: #FAD314;
 font: bold 1.9em Arial, Helvetica, sans-serif;
 padding: 4px 0;
 background: url(/img-common/bg_banner_h4.gif) no-repeat right 12px;
}


.focusTeaser h4 a:link,
.focusTeaser h4 a:visited  {
 color: #FAD314;
 padding: 0px 30px 6px 10px;
 display: block;
}


.focusTeaser .articlePreTitle  {
 display: block;
}


ul.linksCategory  {
 margin: 8px 0 0;
 background-color: #000000;
}


ul.linksCategory li  {
 float: left;
 margin-right: 4px;
 padding: 0 0 0 12px;
 background: url(/img-common/bg_bannerLinksCategory.gif) no-repeat left top;
}


ul.linksCategory li.linksCategory_1  {
 float: left;
 margin-right: 4px;
 padding: 0 0 0 12px;
 background: none;
}


ul.linksCategory li a:link,
ul.linksCategory li a:visited  {
 text-decoration: none;
 color: #FAD314;
 padding-bottom: 0px;
}

/******************** /brynas ******************
**************************** /5.3 FocusTeaser **************************
****************************** /5 THEMES ***************************
********************* 6.HANDMADE ************************************
------------------------handmade header-------------------------------*/

#headDateTime  {
 background: #F6E000;
 text-align: center;
 width: 408px;
 margin: -31px 0 0 185px;
 padding: 6px 0;
 font: bold 0.9em georgia;
}


#topLogo  {
 background: url(/img/demo/logo-demotidningen.gif) no-repeat 12px top;
 height: 104px;
 overflow: hidden;
 width: 600px;
 display: block;
}


#topLogo a  {
 font-size: 1px;
 padding: 150px 100% 0;
 display: block;
}

/*fallback if publishing in layout blocks not handmade*/

#topHeaderContents .simpleTeaserContainer  {
 margin: 0px;
 padding: 0px;
 border: 0px solid #000000;
}

/*----------------------/ handmade header ------------------------------
--------------------------handmade footer ----------------------------*/

h2.structuralFooter  {
 display: none;
}


#mainBottom  {
}


#mainBottom .footer  {
 font-size: 0.7em;
 background: transparent url(/img/hati/bg_paperFooter.png) no-repeat scroll 0 0;
 height: 110px;
 line-height: 1.4;
 padding: 109px 0 0 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #404040;
 width: 757px;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column1  {
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column1 h2  {
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column1 h2 a span  {
 text-indent: -9999px;
 width: 333px;
 display: block;
 visibility: hidden;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column2  {
 width: 48%;
 font: normal 1.2em "comic sans ms";
 color: #000;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column2 a.email  {
 color: #000;
 text-decoration: none;
 background: transparent url(/img/hati/line_email.png) no-repeat scroll left bottom;
 padding: 0 4px 3px;
 display: block;
 float: left;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column2 a.chef  {
 color: #000;
 text-decoration: none;
 background: transparent url(/img/hati/line_chef.png) no-repeat scroll left bottom;
 padding: 0 4px 1px;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column2 ul  {
 float: left;
 margin: 0 20px 0 0;
}


#mainWrapper .footer .pageBlockContainer .pageBlock.column5050.column2 p  {
 clear: both;
 padding: 10px 0 0;
 color: #000;
}

/*-------------------------/ handmade footer----------------------------
******************** 7.EXEPTIONS FROM VALID CSS ************************/

#mask  {
 filter: alpha(opacity=50);
 opacity: 0.50;
}


* html .JSEnabled div.imageCaption  {
 filter: alpha(opacity=70);
}

/********************* / 7.EXEPTIONS FROM VALID CSS ********************
************************ 8.STRUCTURAL ****************************
moved to global.css
************************ /8.STRUCTURAL ****************************
************************** SERVICES *******************************
===================== T00.00 -Alert messages ======================
* ALERT MESSAGES **
0 Common
1 Confirmation
2 Error
3 Info
4 Warning

====common====*/

div.alert  {
 padding: 12px;
 border: 2px solid #E7E7E7;
 margin: 0 0 16px;
 font-size: 1.1em;
}


div.alert p  {
 padding: 0;
}


div.alert span  {
 width: 32px;
 height: 32px;
 background: url(/img-common/icon_alerts.gif) no-repeat 0 32px;
 float: left;
 margin: 0 12px 0 0;
}


div.alert var  {
 font-style: italic;
}

/*====confirmation====*/

div.alert.alertConfirmation  {
 border-color: #8C3;
}


div.alert.alertConfirmation span  {
 background-position: 0 0;
}

/*====error====*/

div.alert.alertError  {
 border-color: #F40;
}


div.alert.alertError span  {
 background-position: -32px 0;
}

/*====info====*/

div.alert.alertInfo  {
 border-color: #7AE;
}


div.alert.alertInfo span  {
 background-position: -64px 0;
}

/*====warning====*/

div.alert.alertWarning  {
 border-color: #FD0;
}


div.alert.alertWarning span  {
 background-position: -96px 0;
}

/*========================= /T00.00 -Alert messages ===========================
========================== T01.03 - navigation ==============================

1.LEFT MENU
2.BREADCRUMB
3.SITEMAP
4.SET HOME PAGE
 */

div#leftNavWrapper  {
 font: bold 0.7em Arial, Helvetica, sans-serif;
 text-decoration: none;
 border-bottom: 4px solid #000;
 background-color: #F7F7F7;
}


div#leftNavWrapper a:link,
div#leftNavWrapper a:visited  {
 text-decoration: none;
}


div#leftNavWrapper h3  {
 padding: 5px 5px 3px 6px;
 background: #000;
 color: #8B8B8B;
}


div#leftNavWrapper .quickLinksWrapper  {
 background-color: #FF7E00;
 padding: 4px;
 margin-bottom: 4px;
 height: 4.8em;
 display: block;
 clear: both;
}


div#leftNavWrapper #leftNav  {
 border: 4px solid #000;
 border-bottom: none;
}


div#leftNavWrapper ul#currentSection  {
 font: normal 1em Arial, Helvetica, sans-serif;
 padding: 2px 6px;
}


div#leftNavWrapper ul#currentSection li  {
 background-color: #F7F7F7;
 font-weight: normal;
 line-height: 1.3;
}


.mainContentContainer ul#currentSection ul li a:link,
.mainContentContainer ul#currentSection ul li a:visited  {
 text-align: left;
 color: #666666;
}


div#leftNavWrapper ul#currentSection li.deployment  {
 font-weight: bold;
 color: #000000;
 background: #E8E8E8 url(/img-common/menu_deployment.gif) no-repeat right 4px;
 line-height: 1.5;
}


div#leftNavWrapper ul#currentSection li.deployment li  {
 border-bottom: 1px solid #FFF;
}


div#leftNavWrapper ul#currentSection li.selected span  {
 font-weight: bold;
 background: url(/img-common/menu_selected.gif) no-repeat left 2px;
 padding-left: 10px;
}


#leftNavWrapper .quickLinksWrapper h3  {
 padding: 0 0 4px;
 background: #FF7E00;
 color: #FFFFFF;
}


div#leftNavWrapper .quickLinksWrapper select.quickLinks  {
 font-size: 0.9em;
 margin-bottom: 6px;
 width: 109px;
}


div#leftNavWrapper input.quickLinksButton  {
 background-color: #FFF;
 padding: 4px;
 border: none;
 font: bold 1em Arial, Helvetica, sans-serif;
 height: 1.4em;
 padding: 0px 6px 2px;
 cursor: pointer;
 float: right;
 border: 1px solid #000;
 margin-right: -2px;
}


#leftNavWrapper #leftNav li  {
 border-bottom: 1px solid #000;
}


div#leftNavWrapper .linkListWrapper  {
 border-left: 4px solid #000;
 border-right: 4px solid #000;
 border-top: none;
}


div#leftNavWrapper .linkListWrapper .designLinkList1 li  {
 background: #272727 url(/img-common/designLinkList1_li.gif) no-repeat right 10px;
 margin: 0px;
 padding: 4px 0;
}


div#leftNavWrapper .linkListWrapper ul.designLinkList1 li ul li  {
 background-image: none;
 padding: 0 0 0 6px;
}


div#leftNavWrapper .linkListWrapper li a:link,
div#leftNavWrapper .linkListWrapper li a:visited  {
 color: #727272;
 padding: 2px 0 2px 8px !important;
 padding: 0 0 0 8px;
 display: block;
}


div#leftNavWrapper .linkListWrapper li ul li a:link,
div#leftNavWrapper .linkListWrapper li ul li a:visited  {
 color: #CDCDCD;
}


div#leftNavWrapper .linkListWrapper li a:hover  {
 background-color: #DDD;
}

/********* JS CSS left navigation ***********/

.JSEnabled #leftNavWrapper #leftNav .item a  {
 text-decoration: none;
}


.JSEnabled #leftNavWrapper #leftNav .item  {
}


.JSEnabled #leftNavWrapper #leftNav .item a  {
 position: relative;
 display: block;
 width: 100%;
}


.JSEnabled #leftNavWrapper #leftNav .item span  {
 display: block;
}


.JSEnabled #leftNavWrapper #leftNav .item .eyecandy  {
 position: absolute;
 width: 100%;
}

/********** ie fixes *************/

*+html .JSEnabled #leftNavWrapper #leftNav .item a *  {
 cursor: hand;
}


* html .JSEnabled #leftNavWrapper #leftNav .item a *  {
 cursor: hand;
}


.JSEnabled #leftNavWrapper #leftNav .item a  {
 text-decoration: none;
}


.JSEnabled #leftNavWrapper #leftNav .item span  {
 background: #000;
 color: #AAA;
}


.JSEnabled #leftNavWrapper #leftNav .item .eyecandy span  {
 background: #F00;
 color: #FFF;
}


.JSEnabled #leftNavWrapper #leftNav .selected span  {
 background: #F00;
 color: #FFF;
 padding: 10px;
}


.JSEnabled #leftNavWrapper #leftNav .item span  {
 background: #000 url(/img-common/bg_designLeftNav1.gif) repeat-x left top;
 color: #AAA;
 padding: 4px;
}


.JSEnabled #leftNavWrapper #leftNav .selected span  {
 background: #FF7E00;
 color: #FFF;
 padding: 4px;
}

/*===  /1.LEFT MENU ===
===  2.BREADCRUMB ===*/

div.breadCrumbWrapper  {
 display: block;
 padding: 14px 8px 0 0;
 margin-bottom: 8px;
 border: 1px solid #DDD;
}


.breadCrumbWrapper ul  {
 float: left;
 margin-right: 8px;
}


.breadCrumbWrapper ul li  {
 float: left;
 font-weight: bold;
 padding: 0 4px;
}


.breadCrumbWrapper ul li.first  {
 float: none;
 color: #999;
 font-weight: normal;
}


div.breadCrumbWrapperOver  {
 padding: 4px 6px 0 0;
 background-color: #EEE;
}


.breadCrumbWrapperOver ul  {
 float: right;
 margin-right: 8px;
}


.breadCrumbWrapperOver ul li  {
 float: left;
 font-weight: bold;
 padding: 0 4px;
}


.breadCrumbWrapperOver ul li.first  {
 float: none;
 color: #999;
 font-weight: normal;
}

/*===  /2.BREADCRUMB ===
===  3.SITEMAP    ===*/

div.siteMapWrapper  {
}


div.siteMapWrapper h3  {
 font-size: 1.8em;
}


div.siteMapWrapper ul  {
 float: left;
 margin: 0 12px 12px 0;
 font-weight: bold;
}


div.siteMapWrapper ul li  {
 font-weight: bold;
 font-size: 1.1em;
}


div.siteMapWrapper ul ul li  {
 font-weight: normal;
 padding-bottom: 2px;
 font-size: 0.9em;
}


div.siteMapWrapper ul ul li a  {
 font-weight: normal;
 padding: 0 0 0 18px;
 background: transparent url(/img-common/bg_relatedLinks.gif) no-repeat scroll left 2px;
}

/*===  /3.SITEMAP    ===
===  4. SET HOME PAGE ===*/

div.setHomepage  {
 padding-top: 2px;
 float: right;
}


div.setHomepage img  {
 margin-top: 1.2em;
}


div.setHomepage a  {
 display: block;
 background: transparent url(/img-common/icon-setStartpage.gif) no-repeat 0 0;
 width: 12px;
 height: 12px;
 margin-top: 1.2em;
}


div.setHomepage a span  {
 position: absolute;
 left: -9999px;
}

/*===  /4. SET HOME PAGE ===
************************* /T01.03 - navigation ***********************
========================== T01.08 - Kampanj ==============================*/

.outerMainTop #mainTop  {
 width: 990px;
}


.outerMainTop #mainTop #topMenuWrapper  {
 width: 980px;
}


.outerMainTop #mainTop #topMenuWrapper ul#level3  {
 width: 968px;
/*-12px padding*/
}


.outerMainTop .adColumn  {
 margin-top: 10px;
}


.outerMainTop #mainTop,
.outerMainTop #mainTop #topMenuWrapper  {
 background-color: #FFF;
 float: left;
}

/*"std1colLayout" flyttat till global
************************* /T01.08 - Kampanj ******************************
************************ /T02.01-standard article ********************
--------------------------------article --------------------------------*/

#articleContent  {
 background: #FFF;
 padding: 0 10px;
}


h1#articleHeader  {
 font: normal 3.4em "Arial Black", Arial, Helvetica, sans-serif;
 color: #333;
 line-height: 1.1;
 letter-spacing: -1px;
 padding-top: 10px;
}


h1#articleHeader span.articleSuperTitle  {
 font: bold 0.35em Arial, Helvetica, sans-serif;
 color: #000;
 text-transform: uppercase;
 letter-spacing: 0px;
 padding-bottom: 0.1em;
 display: block;
}


h1#articleHeader span.articleSubTitle  {
 font: bold 0.45em Arial, Helvetica, sans-serif;
 color: #000;
 letter-spacing: 0px;
 padding-top: 8px;
 display: block;
}


#articleContent p#articlePreamble  {
 font-weight: bold;
 line-height: 1.2;
}


div#articleContent #articlePreamble  {
 font-weight: bold;
 line-height: 1.2;
 font-size: 1.1em;
 margin-bottom: 10px;
}


.std3colLayout .mainColumn p,
#articleContent p  {
 font-size: 1.1em;
}


#articleContent .body  {
}


#articleContainer .byline  {
 margin-right: 44px;
 margin-bottom: 12px;
 padding: 12px 0 0;
 /*float: right;*/
 width: 200px;
}

/*---- Text resize toolbar-----*/

#articleContainer div.meta  {
 float: left;
 width: 190px;
}


#articleContainer .toolbar  {
 color: #6C7174;
 background-color: transparent;
 font-size: 11px;
 clear: both;
 padding: 8px 22px;
 _padding: 8px 22px 2px;
}


#articleContainer .toolbar .articleCategory .label  {
 color: #C60707;
 background-color: transparent;
 font-weight: bold;
 padding-top: 6px;
 float: left;
}


.textSizerContainer a  {
 width: 33px;
 height: 26px;
 float: left;
 background-repeat: no-repeat;
}


#articleContainer .toolbar.top,
#articleContainer .toolbar.bottom  {
 margin-bottom: 0px;
 background: #E5E2CF;
 zoom: 1;
}


#articleContainer .toolbar.bottom  {
 margin-bottom: 10px;
}


#articleContainer #articleContent .toolbar.bottom  {
 margin: 0 -10px;
}


#articleContainer .toolbar span.published,
#articleContainer .toolbar span.updated  {
 display: block;
 color: #007AC5;
 font-weight: bold;
 padding-top: 4px;
 float: left;
 width: 180px;
}


#articleContainer .toolbar span.updated  {
 display: none;
 padding: 0;
}


#articleContainer .toolbar span.updated  {
 font-style: italic;
 font-size: 90%;
}


.textSizerContainer  {
 float: left;
 width: 136px;
}


.textSizerContainer .description  {
 margin-top: 4px;
 margin-right: 7px;
 float: left;
 color: #0091CA;
}


.textSizerContainer a span  {
 display: none;
}


.textSizerContainer a.textSize1  {
 background-image: url(/img/hati/icon_textSize1.png);
 width: 19px;
 height: 19px;
 margin: 0 3px 0 0;
}


.textSizerContainer a.textSize2  {
 background-image: url(/img/hati/icon_textSize2.png);
 width: 19px;
 height: 19px;
 margin: 0 3px 0 0;
}


.textSizerContainer a.textSize3  {
 background-image: url(/img/hati/icon_textSize3.png);
 width: 19px;
 height: 19px;
}


.textSizerContainer a.textSize1.selected  {
 background-image: url(/img/hati/icon_textSize1_selected.png);
}


.textSizerContainer a.textSize2.selected  {
 background-image: url(/img/hati/icon_textSize2_selected.png);
}


.textSizerContainer a.textSize3.selected  {
 background-image: url(/img/hati/icon_textSize3_selected.png);
}


div.toolbar .print a,
div.toolbar .tip a  {
 letter-spacing: 0.6px;
 display: block;
 color: #555441;
 background-color: transparent;
 float: left;
 border-bottom: 1px solid #008CCD;
}


div.toolbar .print a:hover,
div.toolbar .tip a:hover  {
 text-decoration: none;
}


div.toolbar .print a  {
 margin: 3px 0 0;
}


div.toolbar .tip a  {
 margin: 3px 10px 0 0;
}

/*------------------------/Text resize toolbar ----------------------------
------------------------ articleFloatContainer --------------------------*/

.articleFloatContainer .pictureContainer  {
 display: block;
}


.std3colLayout .mainColumn .articleFloatContainer h3  {
 padding: 0;
}


.articleFloatContainer  {
 margin: 0 0 12px 12px;
 padding-bottom: 0px;
 background: #FBFBFB;
 width: 175px;
 float: right;
 overflow: hidden;
}


.articleFloatContainer .articlePictures a img  {
 display: block;
}


.articleFloatContainer p.articlePicture_caption  {
 font-weight: bold;
 padding: 4px 2px 6px;
 display: block;
}


.articleFloatContainer .articlePictures .articleImageTitle h3  {
 padding: 0 0 4px;
 font-weight: bold;
}


.articleFloatContainer .articlePictures .articleImageTitle h3 em  {
 font-style: normal;
}


.articleFloatContainer h3  {
 padding: 0 0 4px;
 font-weight: bold;
}


.articleFloatContainer h3 em  {
 font-style: normal;
}


.articleFloatContainer p.articlePicture_caption span.photographer  {
 font-weight: normal;
 display: block;
 text-align: right;
 padding-top: 4px;
}


#articleContainer .articleFloatContainer .articleImageTitle p.label  {
 padding: 0 6px 4px;
 display: block;
}


#articleContainer .articleFloatContainer h3 em  {
}


.tv  {
 margin-bottom: 8px;
}


.articleFloatContainer .pictureContainer  {
 margin-bottom: 8px;
}


.articleFloatContainer .factContainer  {
}


.articleFloatContainer .related_articlesContainer  {
}


#articleContainer .seriesOfArticles.articleTop .byline  {
 width: 100%;
 text-align: right;
 padding: 4px 0 12px;
 margin: 0px;
}


#articleContainer .seriesOfArticles.articleTop  {
 margin-bottom: 8px;
 padding: 4px 0;
}


.mainContentContainer #articleContainer .seriesOfArticles.articleTop h3  {
 margin-bottom: 0;
 padding: 4px 12px;
 font-size: 1.4em;
 color: #FFFFFF;
 font-weight: bold;
 background-color: #FF7E00;
}


.mainContentContainer #articleContainer dt  {
 font-weight: bold;
 font-size: 1.1em;
}


.mainContentContainer #articleContainer dl  {
 padding: 0 0 8px;
}


.mainContentContainer #articleContainer .seriesOfArticles.articleTop dt,
.mainContentContainer #articleContainer .seriesOfArticles.articleTop dd  {
 display: inline;
}


.mainContentContainer #articleContainer .seriesOfArticles.articleTop dt a,
.mainContentContainer #articleContainer .seriesOfArticles.articleTop dd a  {
 background: url(/img-common/bg_link.gif) no-repeat right 1px;
 padding-right: 20px;
}


.mainContentContainer #articleContainer .related_articlesContainer h3,
.mainContentContainer #articleContainer .seriesOfArticles h3  {
 margin: 0 0 6px;
 padding: 0px;
}


.mainContentContainer #articleContainer .seriesOfArticles h3 em  {
 font-style: normal;
}


#articleContainer .articleFloatContainer .byline  {
 width: 175px;
 overflow: hidden;
 float: none;
}


.articleFloatContainer .doclink a img  {
 margin: 0 0 -4px 6px;
 border: 0px solid #000;
}


.articleFloatContainer .related_articlesContainer  {
 margin-bottom: 8px;
}


.articleFloatContainer .seriesOfArticles .byline  {
 display: block;
 text-align: left;
 width: 175px;
}


.articleFloatContainer dl  {
 padding: 0px;
 font-size: 94%;
 padding: 4px;
}


.articleFloatContainer dl dd  {
 font-weight: bold;
 display: block;
 float: none;
 padding: 0px;
 margin: 0px;
}


.articleFloatContainer dl dd a  {
 font-weight: bold;
 display: inline;
 float: none;
 padding: 0;
 margin: 0 0 3px;
}


.articleFloatContainer .pollContainer  {
}


.articleFloatContainer .pollContainer .voteContainer  {
 float: none;
 display: block;
 padding: 6px 0 6px 40px;
}


.articleFloatContainer .pollContainer h3  {
}


.articleFloatContainer .pollContainer p  {
 text-indent: 0px;
 padding: 0 0 0 8px;
 margin: 0px;
 font-size: 1.2em;
 font-weight: bold;
 height: auto !important;
 height: 1%;
 overflow: visible;
}

/*------------------------ /articleFloatContainer ----------------------------
------------------------------- FactContainer ------------------------------*/

.bgFactContainer  {
 display: none;
}


.bgFactContainer .singleFactsContainer  {
 padding: 2px;
}


.bgFactContainer .singleFactsContainer div  {
 float: left;
}


.bgFactContainer .singleFactsContainer div img  {
 margin: 0 8px 8px 0;
}


.bgFactContainer .singleFactsContainer .clearer  {
 float: none;
}


.bgFactContainer h3 em  {
 font: bold 1.1em Georgia, "Times New Roman", Times, serif;
 padding: 0 0 2px 6px;
 margin: 0 0 -16px;
 font-style: normal;
 display: block;
}


.bgFactContainer .singleFactsContainer h4  {
}

/*-------------------------------/ FactContainer ------------------------------
--- contact ---*/

.thContact  {
 padding: 8px 0 0;
}


.thContact .thContactItem  {
 background: transparent url(/img/hati/bg_stripesVertical.png) repeat-x left bottom;
 margin: 0 0 12px;
 padding: 0 0 12px 8px;
}


#contact .topContact img  {
 margin: 6px 14px 14px;
 float: right;
}


#contact h1  {
 font: normal 2.5em Georgia, "Times New Roman", Times, serif;
 margin: 0px;
 padding: 0 0 14px;
}


#contact .topContact,
#contact .middleContact  {
 padding: 17px 0 12px 10px;
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 margin-bottom: 3px;
}

/*
rightcolumn
*/

.extraColumn #contact .topContact  {
 margin-top: 0;
}


#contact .middleContact  {
 padding: 17px 0 10px 10px;
}


#contact .middleContact h2  {
 font-weight: bold;
 font-size: 1.4em;
 margin-bottom: 10px;
 padding: 0 0 0px 12px;
}


#contact .middleContact .h2container  {
 margin: 0px 0px 15px -10px;
 padding: 10px 0 10px 10px;
}


#contact .middleContact h3  {
 font-size: 12px;
 padding: 10px 0 4px;
 font-weight: bold;
}


#contact .middleContact p  {
 font-size: 12px;
 padding: 0 0 2px;
 margin: 0px;
 font-weight: bold;
}


#contact .middleContact .clearer  {
 margin: -6px 0 7px;
 height: 1px;
 font-size: 1px;
 line-height: 1px;
 padding-bottom: 12px;
}


#contact .middleContact .left  {
 float: left;
 width: 30%;
}


#contact .middleContact .right  {
 float: left;
 width: 70%;
}

/*---- Image captions ---*/

div.imageCaption,
div.staticImageCaption  {
 padding: 6px 12px;
 border: none;
 overflow: hidden;
}


* html div.staticImageCaption,
* html div.imageCaption  {
 overflow: visible;
 height: 1%;
}

/*--- Enlarged image ---*/

.enlargedimageContainer .enlargedimage .left  {
 float: left;
}


.enlargedimageContainer .enlargedimage .right  {
 float: right;
}

/*== /Enlarged image ==
== speciallankar till "articleTeaser" ==*/

#mainPadding .mainContentContainer .articleTeaser a.slideshow,
#mainPadding .mainContentContainer .articleTeaser a.webTv  {
 float: left;
 background-repeat: no-repeat;
 overflow: hidden;
 height: 26px;
 display: none;
}


#mainPadding .mainContentContainer .articleTeaser a.slideshow span,
#mainPadding .mainContentContainer .articleTeaser a.webTv span  {
 position: absolute;
 left: -9999px;
}


.mainColumn .articleTeaser a.slideshow  {
 background-image: url(/img-common/slideshow_link.gif);
 width: 76px;
}


.mainColumn .articleTeaser a.webTv  {
 background-image: url(/img-common/webTv_link.gif);
 width: 80px;
}


.articleTeaser .comments  {
 background: url(/img-common/comment.gif) no-repeat left 4px;
 width: 12.2em;
 margin-left: 1px;
 float: left;
 overflow: hidden;
 display: none;
}


.articleTeaser .comments a  {
 padding: 4px 0 6px 28px;
 text-align: left;
 display: block;
 font-weight: bold;
}


.articleTeaser .comments span,
.articleTeaser .comments a  {
 text-decoration: underline;
}


div.beforeAppendixArt  {
 height: 1px;
 font-size: 0px;
 overflow: hidden;
}


div.afterAppendixArt  {
 height: 3px;
 font-size: 0px;
 clear: both;
 margin-bottom: 6px;
}

/*== /speciallankar till "articleTeaser" ==
*********************** /T02.01-standardArticle ************************
=========================== T02.02.002 ArticleSerie ======================*/

#articleContainer div.articleSerieWrapper dl  {
 margin: 0 1px 1px 0;
 padding: 6px;
 display: block;
 font-weight: bold;
 float: left;
}


.mainContentContainer #articleContainer div.articleSerieWrapper dl p  {
 padding: 0;
}


#articleContainer div.articleSerieWrapper.os-extra-fran-kina dl  {
 background-color: #FF7E00;
 color: #FFF;
}


#articleContainer div.articleSerieWrapper.sa-lyckas-sverige dl  {
 background-color: #AAA;
 color: #FFF;
}

/*=========================== /T02.02.002 ArticleSerie ======================
========================== T02.06 Hantera avdelning ====================
=1.3*/

div#departmentHeadWrapper  {
 background: #D9D9D9;
 padding: 8px 8px 0;
}


div#departmentHeadWrapper div#departmentHead  {
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 3em;
 font-weight: bold;
 letter-spacing: -2px;
}

/*========================== / T02.06 Hantera avdelning ====================
========================== T02.07 Behorighetshantering ====================*/

div.userRightsWrapper  {
 background: #FFF6EE;
 border: 1px dotted #FF7E00;
 padding: 1em;
}


div.userRightsWrapper h1#articleHeader  {
 font-size: 2em;
}


div.userRightsWrapper div.userRightsRoles,
div.userRightsWrapper div.userRightsActions  {
 background: #FFF;
 border: 1px solid #DDD;
 padding: 1em;
 margin-bottom: 1em;
}


div.userRightsWrapper div.userRightsRoles ol,
div.userRightsWrapper div.userRightsActions ul  {
 list-style: disc;
 margin-left: 2em;
}

/*========================== / T02.07 Behorighetshantering ==================
================ T03.01 - Annonshantering ==============*/

div.adWrapper  {
 border: 1px solid #DDD;
 border-width: 1px 0;
 padding: 4px 0 14px;
}


div.adWrapper span.dividerFirst  {
 background: transparent url(/img-common/divider-ad.gif) no-repeat 0 0;
 display: block;
 width: 468px;
 height: 20px;
}

/*================ /T03.01 - Annonshantering ==============
================ T03.04 - Lokus Family Ad ==============

1.COMMON
2.VIEWS    (MAIN)
T03.04 - Lokus Family Ad (Search)
T03.04 - Lokus Family Ad (Order Form)
T03.04 - Lokus Family Ad (Item)
T03.04 - Lokus Family Ad (Category Listing)
3.VIEWS (EXTRACOLUMN)
T03.04 - Lokus Family Ad Category Listing (In Extra Column)

========= 1.COMMON =========*/

div#familyAd .meta  {
 color: #666;
}


div#familyAd h3  {
 margin: 0.5em 0 0;
 font-family: Georgia, serif;
 color: #000;
 font-size: 1.5em;
}

/*========= /1.COMMON =========
========= 2. VIEWS (Main Column) =========
========= T03.04 - Lokus Family Ad (Search) ========*/

#searchResult div.familyAd  {
 border-bottom: 6px solid #E8E8E8;
 padding: 0 0 8px;
 margin-bottom: 8px;
}


#searchResult div.familyAd img.familyAd-imgThumb  {
 float: left;
}


#searchResult div.familyAd div.familyAdItem  {
 margin: 0 0 0 80px;
}

/*========= /T03.04 - Lokus Family Ad (Search) ========
========= T03.04 - Lokus Family Ad (Order Form) ===*/

div.familyAdOrderForm  {
 border: 1px solid #CCC;
 margin: 1em 0;
}


div.familyAdOrderForm h1  {
 background: #747474;
 color: #FFF;
 padding: 8px 10px;
 font-size: 2em;
}


div.familyAdOrderForm div.formContainer  {
 padding: 0.5em;
}


div.familyAdOrderForm div.formContainer div.errors  {
 border: 1px solid #CCC;
 padding: 0.5em;
 background: #F7F7F7;
 margin: 0 0 1em;
}


div.familyAdOrderForm div.formContainer div.errors p  {
 font-weight: bold;
 padding: 0 0 0.4em;
}


div.familyAdOrderForm div.formContainer div.errors ul  {
 list-style: disc;
 margin-left: 40px;
 color: #F00;
}


div.familyAdOrderForm div.formContainer div.errors li  {
 margin: 0 0 0.2em;
}


div.familyAdOrderForm div.formContainer div.inputfield  {
 overflow: hidden;
}


div.familyAdOrderForm div.formContainer div.inputfield label  {
 display: block;
 float: left;
 width: 100px;
}


div.familyAdOrderForm div.formContainer div.inputfield label span  {
 color: #F00;
}


div.familyAdOrderForm div.formContainer div.submit,
div.familyAdOrderForm div.formContainer div.submit p  {
 text-align: right;
 padding: 0;
}

/*========= T03.04 - Lokus Family Ad (Order Form) ===
========= T03.04 Lokus Family Ad (Item) ========*/

div#familyAdItem  {
/*overflow: hidden;*/
 margin: 0 0 1em;
 padding: 10px 0;
}


div#familyAdItem span.published  {
 margin: 10px 0;
 display: block;
}


div#familyAdItem div.imageWrapper  {
 margin: 10px 0;
}


div#familyAdItem div.imageWrapper img  {
 margin: 0 0 10px;
}


div#familyAdItem div.familyAdItem-content .description span.info  {
 display: block;
}


.toolbar .orderPrint a  {
 height: 26px;
 display: block;
 font-size: 0px;
 color: #FFF;
 background-color: transparent;
 float: left;
 margin: 0 0 0 10px;
 background: url(/img-common/toolbar_orderPrint.png) no-repeat top left;
 width: 94px;
}

/*========= /T03.04 Lokus Family Ad (Item) ========
========= T03.04 Lokus Family Ad (Category Listing) ========
Gor det mojligt att halla fasta bredder och hojder pa tumnaglar
*/

div.familyAdTeaser div.thumbImgWrapper  {
 background-color: #FFF;
 padding: 3px;
 margin-bottom: 6px;
 border: 1px solid #DDD;
}


div.familyAdTeaser div.thumbImgWrapper a  {
 display: block;
 overflow: hidden;
 position: relative;
 z-index: 1;
}

/*OVERRIDE-GLOBAL: for att hover ska synas. Anvand den specificitet som kravs, exempel:
div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column25252525
{
overflow:visible;
}
*/

div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column25252525  {
 overflow: visible;
}


.familyAdCategoryListing_block  {
 margin: 12px 0;
 padding: 6px;
}


div.familyAdCategoryListing_block div.familyAdTeaser div.inner  {
 padding: 4px;
 margin: 0;
}


div.familyAdTeaser  {
 background-color: #F5F5F5;
 overflow: visible;
 text-align: center;
 margin: 0 4px 4px 0;
 border: 1px solid #CCC;
}


div.mainColumn div.familyAdTeaser h3,
div.extraColumn div.familyAdTeaser h3  {
 text-align: center;
 font-size: 1.1em;
}


div.mainColumn div.familyAdTeaser div.thumbImgWrapper  {
 height: 150px;
 width: 155px;
}


div.mainColumn div.familyAdTeaser div.thumbImgWrapper a  {
 display: block;
 width: 155px;
 height: 150px;
 line-height: 150px;
}

/*skapar hover-effekt som visar hela bilden*/

div.mainColumn div.familyAdTeaser div.thumbImgWrapper a img,
div.extraColumn div.familyAdTeaser div.thumbImgWrapper a img  {
 position: absolute;
 top: -10px;
 left: -10px;
}


div.mainColumn div.familyAdTeaser div.thumbImgWrapper a:hover,
div.extraColumn div.familyAdTeaser div.thumbImgWrapper a:hover  {
 top: 10px;
 left: 10px;
 overflow: visible;
 z-index: 1000;
}


div.mainColumn div.familyAdTeaser div.thumbImgWrapper a:hover img,
div.extraColumn div.familyAdTeaser div.thumbImgWrapper a:hover img  {
 background-color: #356;
 padding: 6px;
 border: 1px solid #333;
}

/*/skapar hover-effekt som visar hela bilden
========= /T03.04 Lokus Family Ad (Category Listing) ========
========= /2. VIEWS (Main Column) =========
========= 3. VIEWS (Extra Column) =========
========= T03.04 - Lokus Family Ad (Category Listing, Extra Column) =========*/

div.mainContentContainer div.familyAdCategoryListing_block div.pageBlockContainer div.pageBlock.column5050  {
 overflow: visible !important;
}


div.extraColumn div.familyAdTeaser div.thumbImgWrapper  {
 width: 110px;
 height: 120px;
}


div.extraColumn div.familyAdTeaser div.thumbImgWrapper a  {
 display: block;
 width: 110px;
 height: 120px;
 line-height: 120px;
}


div.extraColumn div.familyAdTeaser div.thumbImgWrapper a img  {
 width: 120px;
}

/*========= /T03.04 - Lokus Family Ad (Category Listing, Extra Column) =========
========= 3. VIEWS (Extra Column) =========
================ T03.04 - Lokus Family Ad ==============
==================== T04.09 - Sok pa sajt =================


1.SearchForm
2.SearchResult

*/

#searchForm  {
 padding: 0px 0px 8px 0;
 margin: 0px 0 3px;
}


#searchForm h1  {
 padding: 12px 0 0px 12px;
 margin: 0 0 8px;
 display: block;
 font-size: 2.2em;
}


#searchForm legend  {
 position: absolute;
 left: -2000px;
 display: none;
}


#searchForm input,
#searchForm select  {
 font-weight: normal;
 font-size: 0.9em;
}


#searchForm input.submit  {
 background: #DFDCC3 none repeat scroll 0 0;
 border: 0 none #000000;
 color: #555441;
 cursor: pointer;
 font-size: 1.3em;
 font-weight: bold;
 letter-spacing: -1px;
 margin-left: 0;
 float: right;
 padding: 4px 19px;
 text-decoration: none;
}


#searchForm .left  {
 float: left;
 width: 195px;
}


#searchForm .left .string input#queryText  {
 border: 1px dashed #9D9D9D;
 color: #535353;
 font-size: 1.2em;
 margin-right: 5px;
 padding: 5px 0 5px 10px;
}


#searchForm fieldset  {
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 padding: 15px 0;
}


#searchForm .left .string input,
#searchForm .left .section input  {
 width: 168px;
}


#searchForm .left .section select  {
 width: 170px;
 margin-bottom: 8px;
}


#searchForm .left .string,
#searchForm .left .section,
#searchForm .left #searchSorting  {
 padding-left: 12px;
}


#searchForm label  {
 font-weight: bold;
 font-size: 1em;
 margin-bottom: 3px;
}


#searchForm p  {
 font-weight: bold;
 font-size: 1em;
 margin: 0px;
 padding: 0 0 0 12px;
}


#searchForm a.resetForm  {
 padding: 2px 16px 2px 14px;
}


#searchForm .subLabel  {
 padding: 6px 0;
 display: block;
}


#searchForm .left .section label  {
 margin-top: 8px;
}


#searchForm .left .string label,
#searchForm .left .section label  {
 display: block;
 clear: both;
 padding-left: 4px;
}


#searchForm .submitContainer  {
 margin-top: 5px;
 height: 2em;
}


#searchForm .submitContainer .standardButton  {
 float: right;
}


#searchDate table  {
 border-collapse: collapse;
 float: left;
 margin-top: 3px;
 width: 100%;
}


#searchForm #searchDate  {
 float: left;
 margin: 0px;
 width: 22.7em !important;
 width: 23.3em;
}


#searchDate table td  {
 padding: 4px 2px 6px;
}


#searchDate table label  {
 font-weight: normal;
}

/*===RESULT==*/

#searchResult  {
}


div#searchResult #overview  {
 padding: 0 0 0 6px;
 font-weight: bold;
 font-size: 1em;
 margin-bottom: 12px;
 text-align: center;
 font-style: italic;
 color: #555441;
}


#searchResult .searchResultPagesControl .row  {
 display: block;
 clear: both;
 padding-bottom: 12px;
 margin-bottom: 12px;
 border-bottom: 3px double #DDDDDD;
}


#searchResult .row  {
 background: #FFFFFF url(/img/hati/bg_stripesVertical.png) repeat-x scroll left bottom;
 margin-bottom: 3px;
 padding: 8px 0 0;
}


#searchResult .row .date  {
 margin: 0px;
 padding: 2px 0 1px;
 font: 0.8em Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
}


#mainWrapper #searchResult .row h3  {
 margin: 0px;
 padding: 0px 0 4px 10px;
 font-size: 1.6em !important;
 font-size: 1.4em;
 color: #666666;
}


#searchResult .departmentLabel  {
 padding: 0 5px;
}


#searchResult .row p  {
 float: right;
}


#searchResult .row p,
#searchResult .row h3  {
 padding-bottom: 3px;
 padding-top: 3px;
}


#searchResult .row p.summary  {
 padding-bottom: 8px;
 float: none;
 _width: 430px;
}

/*==================== /T04.09 - Sok pa sajt =======================
================ T04.10 - Hantera senaste nytt ===================*/

div#ticker  {
 font-weight: bold;
 margin: 10px 0;
}


div#ticker dl  {
 background: #E8E8E8;
 float: left;
 width: 100%;
}


div#ticker dt  {
 padding: 5px;
 background: #FF7E00;
 color: #FFF;
 float: left;
}


div#ticker dd  {
 overflow: hidden;
 float: left;
}


div#ticker dd a  {
 padding: 5px 0;
 text-indent: -9999em;
 display: none;
}


div#ticker dd.active a  {
 display: block;
 text-indent: 5px;
 font-weight: bold;
}


div#ticker dd.active a:after  {
 content: "_";
 text-decoration: blink;
}

/*=============== /T04.10 - Hantera senaste nytt ========
===============  T04.12 - Bildextra   ============
************************** 9. imgSlideShow ****************************
mttwebb 1.4
0. Base
1. Header
2. Stage
3. ModalWindow
 */

#viewImageSlideshow  {
 margin: 0;
 padding: 0;
}


#viewImageSlideshow_stage  {
 background: #000;
}

/*======== 1. header ========*/

#viewImageSlideshow_header  {
 background: #F0F0F0;
 padding: 5px;
 border: 1px solid #CDCDCD;
}


#viewImageSlideshow_header img  {
 display: block;
}


#viewImageSlideshow_header h2  {
 color: #FF7E00;
 font: bold 1.2em/1 Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 padding: 0;
 margin: 6px 0;
}


#viewImageSlideshow_header h3  {
 color: #333;
 font: bold 2.8em/1 Arial, Helvetica, sans-serif;
}


#viewImageSlideshow_header .thumbnail  {
 float: left;
 margin: 0 5px 0 0;
}

/*======== / 1. header ========
======== 2. Stage ========*/

#viewImageSlideshow_placeholder  {
 text-align: center;
 color: #FFF;
 padding: 4px;
}


#viewImageSlideshow_placeholder img  {
 display: block;
 margin: 0 auto;
}


#viewImageSlideshow_stage button  {
 background: #555 url(/img-common/icon_slideshow.gif) no-repeat 0 0;
 color: #FFF;
 border: 0;
 float: left;
 height: 32px;
 width: 32px;
 margin: 10px 0 0 40%;
 text-indent: -9999em;
 overflow: hidden;
 cursor: pointer;
}


* html #viewImageSlideshow_stage button,
#viewImageSlideshow_stage dl.pager a,
#viewImageSlideshow_stage dl.pager a *  {
 cursor: hand;
}


#viewImageSlideshow_stage button.autoplayON  {
 background-position: -32px 0;
}


#viewImageSlideshow_stage button.autoplayOFF  {
 background-position: 0 0;
}


#viewImageSlideshow_stage div.pager  {
 padding: 10px;
 color: #CCC;
 text-align: right;
}


#viewImageSlideshow_stage div.pager em  {
 font-style: normal;
}


#viewImageSlideshow_stage div.pager dl  {
 width: 160px;
 float: right;
}


#viewImageSlideshow_stage div.pager dt  {
 width: 160px;
 float: left;
 padding: 8px 0 0;
 text-align: center;
}


#viewImageSlideshow_stage div.pager dd  {
 float: left;
}


#viewImageSlideshow_stage div.pager dd a  {
 background: url(/img-common/icon_slideshow.gif) no-repeat 0 0;
 display: block;
 width: 32px;
 height: 32px;
 overflow: hidden;
 text-indent: 32px;
}


#viewImageSlideshow_stage div.pager dd#viewImageSlideshow_rewert  {
 margin: 0 0 0 -160px;
}


#viewImageSlideshow_stage div.pager dd#viewImageSlideshow_rewert a  {
 background-position: -64px 0;
}


#viewImageSlideshow_stage div.pager dd#viewImageSlideshow_forward  {
 margin: 0 0 0 -32px;
}


#viewImageSlideshow_stage div.pager dd#viewImageSlideshow_forward a  {
 background-position: -96px 0;
}


#viewImageSlideshow_stage div.staticImageCaption  {
 text-align: right;
 padding: 3px 3px 0;
 margin: 0;
}


#viewImageSlideshow_stage div.staticImageCaption p  {
 color: #FFF;
 float: left;
 padding: 0;
}


#viewImageSlideshow_stage div.staticImageCaption .photographer *  {
 display: inline;
 padding: 0 0 0 3px;
 color: #BBB;
}

/*======== / 2. Stage ========
======== 3. ModalWindow ========
======== / 3. ModalWindow ========
===============  / T04.12 - Bildextra   ============
===============  T04.14 - Kommentarextra   ============
---------- t0414-common ----------*/

div.extraCommentsCommentsWrapper .icon  {
 float: right;
 margin-left: 5px;
}

/*=== extraCommentsNav ===*/

div.extraCommentsWrapper .extraCommentsNav  {
 width: 100%;
 padding: 6px 6px 6px 12px;
 background: transparent url(/img-common/bg_level1_item.gif) repeat-x scroll left top;
}


div.extraCommentsWrapper .extraCommentsNav ul  {
 float: left;
}


div.extraCommentsWrapper .extraCommentsNav ul li  {
 float: left;
 margin-right: 6px;
}


div.extraCommentsWrapper .extraCommentsNav ul li a:link,
div.extraCommentsWrapper .extraCommentsNav ul li a:visited  {
 color: #FFFFFF;
}

/*=== /extraCommentsNav ===*/

div.extraCommentsWrapper form.formNormal div.fldsep  {
 padding: 0;
 margin: 4px 0 0 10px;
 float: left;
}

/*=== toostrip ===*/

div.extraCommentsWrapper .toolstrip  {
 margin-bottom: 10px;
 background: #E8E8E8;
 border-bottom: 6px solid #E8E8E8;
}


#mainWrapper .extraCommentsWrapper .toolstrip input.standardButton  {
 margin-top: 4px;
 padding: 1px 12px 1px 4px;
 border: 1px solid #AAA;
}

/*=== toostrip ===
=== posting ===*/

#mainWrapper .commentContainer .icon.posting_reply a,
#mainWrapper .commentContainer .icon.posting_state_report a,
#mainWrapper .commentContainer .icon.posting_state_reported a  {
 line-height: 1.5;
 display: block;
}

/*=== /posting ===
---------- /t0414-common ----------
---------- t0414-blogs ----------*/

div.extraCommentsWrapper .extraCommentsBlogWrapper  {
 border: 4px solid #E8E8E8;
 padding: 6px;
}


.extraCommentsWrapper .extraCommentsBlogWrapper h3  {
 font-weight: bold;
}


.extraCommentsWrapper .extraCommentsBlogWrapper ul  {
 background: #E8E8E8;
 padding: 6px;
 margin-bottom: 10px;
}


.extraCommentsWrapper .extraCommentsBlogWrapper ul li,
.extraCommentsWrapper .extraCommentsBlogWrapper p a  {
 padding-left: 16px;
 background: transparent url(/img-common/bg_relatedLinks.gif) no-repeat left top;
 text-decoration: underline;
}

/*---------- /t0414-blogs ----------
---------- t0414-pictures ----------*/

div.extraCommentsPicturesWrapper div.toolstrip  {
 padding: 6px 8px;
 border: 1px solid #CCC;
}


div.extraCommentsPicturesWrapper ul.toolstrip li  {
 float: left;
}


div.extraCommentsPicturesWrapper ul.toolstrip li.showAll  {
 float: right;
}


div.extraCommentsPicturesWrapper ul.toolstrip a  {
 text-decoration: underline;
}


div.extraCommentsPicturesWrapper ul li div.toolstrip  {
 text-align: left;
 padding: 3px 0;
 margin-top: 0.5em;
 border: none;
 border-top: 1px solid #CCC;
}

/*---------- /t0414-pictures ----------
========== /T04.14 - Kommentarextra ==========
=============== T04.15 ==============================
**************** T04.15 - VIMMELBILDER ***********************

SECTIONS
1. common
2. Views
t0415-teaser
t0415-album
t0415-albumMP
t0415-searchResult
t0415-searchResultView
t0415-pictureComments
t0415-archive
t0415-manageCrowdAlbum
3. Views - right column
4. jsDependent
5. Plugin adjustments, t06.01 - Min sida

-------- 1. common --------*/

div.crowdPicturesTeaser h3  {
 font-size: 2.4em;
 font-family: "Arial Black", Arial;
 color: #000;
 background: url(/img-common/bg_cirkel_orange.gif) no-repeat scroll 5px 6px;
 padding: 3px 0 3px 26px;
}


div.album h1  {
 font-family: "arial black", arial, sans-serif;
}


div.album div.summary p  {
 font-size: 1.16em;
}


div.album div.searchTeaserContainer form fieldset div,
div.album form.formSearch  {
 background-color: #E4E1CD;
 padding: 10px;
 clear: both;
 float: none;
 width: 95%;
 font-size: 1.25em;
}


div.album .formSearch input#queryText,
div.album .formSearch input.txtQuery  {
 width: 340px;
 padding: 2px 5px;
}


div.photoWrapper .formSearch input.btnSearch,
div.album .formSearch .btnSearch  {
 background: url(/img/hati/bg_buttons.png) no-repeat !important;
 width: 79px;
 color: #FFFFFF !important;
 font-size: 1.16em !important;
 padding: 3px 0 !important;
}


div.photoWrapper form#searchAlbum label  {
 font-weight: bold;
 padding-bottom: 5px;
}

/*div.album div.summary {
float:right;
width:280px;
}
=ay*/

div.crowdPictures div.placeholder,
div.singleImage div.placeholder  {
 float: left;
/*width:468px;
=ay*/
 margin: 0 0 12px;
}


div.album .placeholder ul.mediagrid  {
 clear: left;
 width: 468px;
}


a.showComments  {
 background: url(/img-common/bg_link.gif) no-repeat scroll left 1px;
 padding-left: 12px;
 font-style: normal;
 margin-left: 12px;
 font-weight: bold;
}


a.showComments em  {
 font-style: normal;
}

/*=== oneliners ===*/

div.album div.dummyAd  {
 padding: 16px 0;
}


div.album div.staticImageCaption span.title  {
 display: block;
 font-size: 1.59em;
 font-weight: bold;
 color: #555441;
}


div.album div.staticImageCaption  {
 /*[empty]font-size:;*/
}


div.album div.staticImageCaption span.caption  {
 display: block;
 font-size: 1.19em;
 color: #000000;
 margin-bottom: 10px;
}


div.album div.staticImageCaption span.sep.first  {
 background: url(/img/hati/bg_buttons.png) no-repeat 0px -128px;
 width: 21px;
 overflow: hidden;
 text-indent: -9999px;
 line-height: 16px;
 vertical-align: text-bottom;
 padding: 0;
}


div.album div.staticImageCaption span.sep  {
 padding: 0 5px;
}


div.album div.staticImageCaption span  {
 float: left;
 font-size: 1.05em;
 padding: 0 2px;
}


div.album div.staticImageCaption span.albums,
div.album div.staticImageCaption span.tags,
div.album span.albums,
div.album span.tags  {
 float: left;
 clear: both;
 font-weight: bold;
 margin-top: 5px;
 width: 99%;
}


div.album div.staticImageCaption span.albums strong,
div.album div.staticImageCaption span.tags strong  {
 font-size: 1.17em;
}


div.album div.staticImageCaption span.albums  {
 padding-top: 10px;
 border-top: 1px solid #DEDBC2;
}


div.album div.staticImageCaption span.tags  {
 padding-bottom: 10px;
 border-bottom: 1px solid #DEDBC2;
}


div.album div.staticImageCaption span.albums a,
div.album div.staticImageCaption span.tags a div.album span.albums a,
div.album span.tags a  {
 display: inline-block;
 background-color: #EBEE00 !important;
 padding: 0 3px;
}

/*=== / oneliners ==
=== image caption adjustments ===*/

div.album div.placeholder div.staticImageCaption  {
 margin-bottom: 6px;
}

/*=== / image caption adjustments ===
=== share links ===*/

div.crowdPictures ul.shareThis,
div.album ul.shareThis  {
/*=ay*/
 padding: 10px;
 margin: 12px 0;
}


div.crowdPictures ul.shareThis li,
div.album ul.shareThis li  {
 display: inline-block !important;
 margin-right: 6px;
 background: transparent url(/img/hati/bg_buttons.png) no-repeat scroll 0px -160px;
}


div.crowdPictures ul.shareThis li a,
div.album ul.shareThis a  {
 background: url(/img/hati/bg_buttons.png) no-repeat 100% -210px !important;
 padding-right: 18px;
 color: #FFFFFF !important;
 display: inline-block !important;
 padding: 7px 36px 7px 12px !important;
 font-size: 1.16em !important;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 0 !important;
 line-height: 1;
 border: 0 !important;
}


div.crowdPictures ul.shareThis li.abuse a,
div.album ul.shareThis li.abuse a  {
 background-position: 100% -260px !important;
}

/*=== toolstrip ===*/

div.singleImage div.toolstrip  {
 padding: 5px;
 margin: 4px 0 12px;
}


fieldset.managePictures .toolstrip.remove  {
 border-bottom: 6px solid #E8E8E8;
 padding-bottom: 6px;
 margin-bottom: 6px;
}

/*=== / share links ===
=== search ===*/

div.album div.searchTeaserContainer form  {
 background-color: #E4E1CD;
 padding: 10px;
 clear: both;
 float: none;
 width: 95%;
 font-size: 1.25em;
}


div.album .formSearch input#queryText,
div.album .formSearch input.txtQuery,
div.album div.searchTeaserContainer .string,
div.photoTeaser div.searchTeaserContainer .string  {
 width: 338px;
 padding: 2px 5px;
}


div.extraColumn div.photoTeaser div.searchTeaserContainer .string  {
 width: 150px;
}


div.photoWrapper .formSearch input.btnSearch,
div.album .formSearch .btnSearch,
div.album .searchTeaserContainer input.standardButton,
div.photoTeaser div.searchTeaserContainer .standardButton  {
 background: url(/img/hati/bg_buttons.png) no-repeat !important;
 width: 79px;
 color: #FFFFFF !important;
 font-size: 1.16em !important;
 padding: 4px 0 !important;
}


div.photoWrapper form#searchAlbum label  {
 font-weight: bold;
 padding-bottom: 5px;
}

/*=== / search ===
=== pager ===*/

div.album ul.simplePager,
div.album div.searchResultPagesControl ul  {
 border-bottom: 1px solid #FFF;
 overflow: hidden;
 background-color: #FFFFFF;
 padding: 0;
 margin: 0;
}


div.album ul.simplePager  {
 border-bottom: 4px solid #535247;
}


.modalWindow ul.simplePager  {
 margin-top: 12px !important;
 clear: both;
}


div.album div.searchResultPagesControl div.label  {
 display: inline-block;
 width: 57px;
 font-weight: normal;
 position: relative;
}


div.album ul.simplePager li  {
 background: url(/img/hati/bg_buttons.png) no-repeat 0 -40px !important;
 /*[disabled]min-height:32px;*/
 margin: 0 5px 0 0;
 padding-left: 3px;
 float: left;
}


div.album ul.simplePager a  {
 background: url(/img/hati/bg_buttons.png) 0 -40px;
 padding: 0 0 0 7px;
 overflow: hidden;
 float: left;
 margin-left: 5px;
}


div.album ul.simplePager li a,
div.album div.searchResultPagesControl li a  {
 background: #FEFEFE url(/img/hati/bg_buttons.png) no-repeat right -40px !important;
 color: #FFFFFF;
 padding: 4px 13px 5px 5px !important;
 line-height: 24px;
 display: inline-block;
 /*[empty]float:;*/
 color: #FFFFFF !important;
}


div.album ul.simplePager li a span  {
 background: #525146 url(/img/hati/bg_buttons.png) no-repeat;
 overflow: hidden;
 text-indent: -9999em;
 text-decoration: none !important;
 border: 0;
 margin-top: 2px;
 float: left;
 height: 20px;
}


div#modalWindowInner ul.simplePager li.autoplay span  {
 float: left !important;
 position: relative;
 left: -10px;
 z-index: 100;
}


div.album ul.simplePager li.previous a span  {
 background-position: -18px -90px;
 width: 14px;
 margin-right: 5px;
}


div.album ul.simplePager li.next a span  {
 background-position: -35px -90px;
 float: right;
 width: 14px;
 margin-left: 5px;
}


div.album ul.simplePager li.autoplay a span  {
 background-position: -78px -92px;
 float: right;
 width: 14px;
 margin-left: 5px;
}


div.album ul.simplePager li.slideshow,
div.album ul.simplePager li.autoplay  {
 background-position: 0px -380px !important;
 padding-left: 22px;
}


div#modalWindowInner ul.simplePager li.autoplay  {
 padding-left: 5px;
}


div.album ul.simplePager li a.autoplayOFF span  {
 background-position: -94px -92px !important;
}


div.album div.searchResultPagesControl ul li a  {
 width: 64px;
 padding: 0;
}


div.album div.searchResultPagesControl li a.page_previous  {
 background-position: 0 -301px !important;
 padding-left: 16px !important;
}


div.searchResultPagesControl ul li a.page_first  {
 background-position: 0px -420px !important;
 padding-left: 18px !important;
 width: 45px !important;
}


div.searchResultPagesControl ul li a.page_next  {
 background-position: 0px -340px !important;
 padding-right: 24px !important;
}


div.searchResultPagesControl ul li a.page_last  {
 background-position: 0px -459px !important;
 padding-right: 18px !important;
 width: 54px !important;
}

/*=== / pager ===
=== / format of albumpics, pics-text ===*/

.mediagrid a span.txt_album  {
 background: url(/img-common/bg_link.gif) no-repeat scroll left top;
 padding-left: 12px;
 font-size: 1em;
 font-weight: bold;
}


div.album ul.mediagrid li img,
div.crowdPicturesTeaser ul.mediagrid li img  {
 display: block;
 margin-bottom: 3px;
}


.mediagrid a span.txt_album span  {
 white-space: nowrap;
}


.mediagrid span.txt_album span em  {
 font-size: 1em;
 font-style: normal;
 color: #666666;
}


ul.mediagrid span.img_album  {
 height: 100px;
 width: 130px;
 margin-bottom: 4px;
 overflow: hidden;
 display: block;
 text-align: center;
}


div.crowdPictures ul.mediagrid.picturesNav li img  {
/*=ay*/
 border: 1px solid #AAA;
}


form#newUserMessage label  {
 float: left;
 margin: 0 9px;
}


#mainWrapper form#newUserMessage input.btnAdd  {
 line-height: 1;
}


div.album div.mediagrid  {
 padding: 1em 0;
}


div.album div.mediagrid h2  {
 font-weight: bold;
}


div.album div.mediagrid span.title  {
 display: block;
 font-weight: bold;
}


.extraColumn ul.picturesNav li  {
 padding: 5px 2px;
 float: left;
 width: auto;
}


.extraColumn ul.picturesNav li img  {
 width: 122px;
}


div.album div.placeholder a.photoLink  {
 clear: both;
}

/*-------- / 1. common --------
-------- /2. views --------
=== T0415 - teaser ===*/

div.crowdPicturesTeaser ul.mediagrid li  {
 width: 30%;
 border: 1px solid #DDD;
 margin: 2px;
 padding: 6px 0px 0pt 9px;
 height: 16em;
 text-align: center;
 display: block;
}

/*
right column
*/

.extraColumn div.crowdPicturesTeaser ul.mediagrid li  {
 float: none;
 width: auto;
 padding: 4px 8px;
 margin-bottom: 6px;
 height: 9.3em;
 overflow: hidden;
 text-align: left;
}


.extraColumn div.crowdPicturesTeaser ul.mediagrid li img  {
 margin-right: 8px;
 float: left;
}


.extraColumn .crowdPicturesTeaser span.img_album  {
 display: inline;
 height: 100px;
 margin-bottom: 10px;
 overflow: hidden;
}


.extraColumn .crowdPicturesTeaser span.txt_album  {
 display: block;
}

/*=== t0415-album ===*/

div.crowdPictures ul.mediagrid.picturesNav  {
/*=ay*/
 border-bottom: 6px solid #E8E8E8;
 border-top: 6px solid #E8E8E8;
 padding: 10px 0;
 float: left;
 width: 468px;
}


div.crowdPictures ul.mediagrid.picturesNav li  {
/*=ay*/
 margin: 0.5%;
 width: 28%;
 height: 16em;
 display: inline;
}


div.crowdPictures ul.mediagrid.picturesNav li div.imageWrapper  {
/*=ay*/
 float: left;
 clear: both;
 width: 100%;
}


div.crowdPictures ul.mediagrid.picturesNav li .imageWrapper a  {
/*=ay*/
 float: left;
}


div.crowdPictures ul.mediagrid.picturesNav li .metaWrapper  {
/*=ay*/
 float: left;
 clear: left;
 width: 100%;
}


div.crowdPictures div.staticImageCaption p  {
/*=ay*/
 padding: 0 16px;
}

/*=== /t0415-album ===
=== t0415-albumMP ===*/

.pluginWrapper.myPageCrowdPictures .summary  {
 border: 6px solid #E8E8E8;
 padding: 16px;
}


.pluginWrapper.myPageCrowdPictures .summary p.introTxt  {
 float: left;
 width: 70%;
}


.pluginWrapper.myPageCrowdPictures .summary div.hr  {
 display: block;
 clear: both;
 height: 0px;
 background-color: #FFFFFF;
 border-bottom: 1px solid #FFF;
}


.pluginWrapper.myPageCrowdPictures .byline  {
 float: right;
 width: 30%;
 clear: right;
}

/*div.pluginWrapper.myPageCrowdPictures .simplePager {
margin-top:20px;
}
=ay*/

div.pluginWrapper.myPageCrowdPictures .placeholder img,
div.pluginWrapper.myPageCrowdPictures .placeholder img  {
 padding: 12px;
}


div.pluginWrapper.myPageCrowdPictures ul.mediagrid.picturesNav li  {
 margin: 2px;
}

/*=== /t0415-albumMP ===
=== t0415-searchResult ===
=ay
.searchResult.view ul.mediagrid  {
width:468px;
}*/

.searchResult.view p.txt_serie  {
 display: block;
 background-color: #E4E1CD;
 text-transform: uppercase;
 margin-bottom: 12px;
 font-weight: bold;
 font-size: 1em;
 overflow: hidden;
 padding: 0;
}


.searchResult.view p span.txt_bel,
.searchResult.view p.txt_serie a  {
 display: block;
 float: left;
 padding: 2px 12px 2px 8px;
 margin: 1px;
}


.searchResult.view p span.txt_bel  {
 background-color: #535247;
 color: #FFFFFF;
}


.searchResult.view p.txt_serie a  {
 color: #000;
 background: url(/img-common/bg_linkCrowdPictures.gif) no-repeat left -1px;
 margin: 1px -1px;
 letter-spacing: -0.05px;
 padding-left: 20px;
 text-transform: none;
}

/*=== /t0415-searchResult ===
=== /t0415-archieve ===*/

div.album .archive ul.mediagrid.picturesNav li  {
 width: 137px;
 border: 1px solid #DDD;
 margin: 3px;
 padding: 6px 0px 0pt 7px;
 height: 16em;
 text-align: center;
 display: block;
}

/*-------- / 2. views--------
-------- 3. jsdependent --------
-------- / 3. jsdependent --------
************1.4******************/

div.photoWrapper,
div.crowdPictures  {
 background-color: #FFFFFF;
 padding: 5px;
}


div.album h1  {
 font-family: "arial black", arial, sans-serif;
}


div.album div.summary p  {
 font-size: 1.16em;
}


div.album div.searchTeaserContainer form fieldset div,
div.album form.formSearch  {
 background-color: #E4E1CD;
 padding: 10px;
 clear: both;
 float: none;
 width: 95%;
 font-size: 1.25em;
}


div.album .formSearch input#queryText,
div.album .formSearch input.txtQuery  {
 width: 340px;
 padding: 2px 5px;
}


div.photoWrapper .formSearch input.btnSearch,
div.album .formSearch .btnSearch  {
 background: url(/img/hati/bg_buttons.png) no-repeat !important;
 width: 79px;
 color: #FFFFFF !important;
 font-size: 1.16em !important;
 padding: 3px 0 !important;
}


div.photoWrapper form#searchAlbum label  {
 font-weight: bold;
 padding-bottom: 5px;
}


div.album h3  {
 font-family: "Arial Black", arial, sans-serif;
 font-size: 2.4em;
 padding: 10px 0;
}

/*-------- 4. Plugin adjustments, T06.01 - Min sida ----------
=ay
div.myPageCrowdPictures div.album div.summary,
div.myPageCrowdPictures div.album div.placeholder,
div.myPageCrowdPictures div.album ul.mediagrid
{
float:none;
width:auto;
clear:both;
}
div.myPageCrowdPictures div.album div.dummyAd {display:none}

-------- / 4. Plugin adjustments, T06.01 - Min sida ----------
***************** / T04.15 - VIMMELBILDER *********************
=============== T06.01 - My Page ==================

1. COMMON
2. VIEWS
t0601-view
t0601-index
t0601-blog
t0601-messages
t0601-favorites
t0601-articles
t0601-forum
t0601-coverage
t0601-editMyPage
t0601-manageImageGallery
t0601- plugin profile

/*

/* ====================== 1. common =============================*/

div.myPageWrapper  {
 margin-top: 10px;
}


div.myPageWrapper h1  {
 font: normal 2.2em "Arial Black", Arial, Helvetica, sans-serif;
 color: #333;
 line-height: 0.9;
}


div.myPageWrapper .myPageHeader h1  {
 padding-bottom: 0.5em;
}


div.myPageWrapper h2  {
 font-size: 2.4em;
 color: #FF7E00;
}


div.myPageWrapper .header h2  {
 float: left;
 padding: 0 0 12px;
}


div.myPageWrapper h3,
div.myPageMemberTeaser h3,
div.myPageWrapper h4,
div.myPageMemberTeaser h4  {
 padding-bottom: 12px;
}


div.myPageWrapper h3  {
 font-size: 1.3em;
 font-weight: bold;
}


div.myPageWrapper h4  {
 font-size: 1.1em;
 font-weight: bold;
}


div.myPageWrapper .richText  {
 padding: 0;
 margin: 0;
}


div.myPageWrapper .richText  {
 padding: 0;
 margin: 0;
}


.myPageWrapper legend  {
 font: normal 1.8em Arial, Helvetica, sans-serif;
 padding: 6px 0;
}


div.myPageHeader  {
 padding-bottom: 0px;
 margin-bottom: 0;
}


div.myPageHeader small  {
 padding-bottom: 0px;
 margin-bottom: 0;
}


div.myPageWrapper div.vcard h1  {
 font-size: 2.2em;
}


div.myPageWrapper fieldset .fldsep span.additional  {
 display: block;
 padding: 4px 0;
}


div.myPageWrapper .even,
div.myPageMemberTeaser .even  {
 background-color: #FFF;
}


div.myPageWrapper .odd,
div.myPageMemberTeaser .odd  {
 background-color: #E8E8E8;
}


div.myPageWrapper .smallProfile .avatar,
div.myPageWrapper .smallProfile .avatarUploaded  {
 height: 70px;
 width: 70px;
 overflow: hidden;
 border: 1px solid #CDCDCD;
 margin: 0 12px 12px 0;
 float: left;
}


div.myPageWrapper .smallProfile .avatar  {
 background: url(/img-common/myPage_sprite.png) no-repeat -2px -248px;
}


div.myPageHeader .avatar,
div.myPageHeader .avatarUploaded  {
 height: 150px;
 width: 150px;
 overflow: hidden;
 border: 1px solid #CDCDCD;
 margin: 0 12px 12px 0;
 float: left;
}


div.myPageHeader .avatar  {
 background: url(/img-common/myPage_sprite.png) no-repeat -106px -30px;
}

/*========= toolstrip==========*/

div.myPageWrapper .myPageHeader .toolstrip  {
 border-top: none;
 margin: 0 0 0 -200px;
 padding: 4px 0;
 color: #E8E8E8;
 float: right;
 position: relative;
 z-index: 100;
}


div.myPageWrapper div.memberSummary,
div.myPageWrapper div.memberTools  {
 float: right;
 margin-bottom: 6px;
}


div.myPageWrapper div.memberSummary ul li,
div.myPageWrapper div.memberTools ul li  {
 float: left;
 width: auto;
}

/*========= /toolstrip==========*/

div.myPageWrapper div.memberTools  {
 margin-top: -6px;
}


div.myPageWrapper div.memberSummary,
div.myPageWrapper div.memberTools  {
 float: right;
 margin-bottom: 6px;
 width: 60%;
}


div.myPageWrapper a.editMyPage,
div.myPageWrapper a.tipafriend  {
 padding: 2px 2px 2px 16px;
 margin-left: 2px;
 display: block;
 background: url(/img-common/bg_link.gif) no-repeat scroll left 2px;
}


div.myPageWrapper div.memberTools li.linkSubscription  {
 margin: 10px 6px 0 0;
}


div.myPageWrapper .smallProfile div.memberSummary  {
 float: right;
 margin-bottom: 6px;
 width: 82%;
}

/*========= DL-lista==========*/

div.memberSummary dl  {
 padding-bottom: 0;
 margin: 0;
}


div.memberSummary dl dt  {
 width: 120px;
 font-weight: bold;
 display: block;
 float: left;
 clear: left;
 padding: 4px 0 4px 12px;
}


div.memberSummary dl dd  {
 clear: right;
 float: none;
 margin: 0px;
 display: block;
 padding: 4px 0px 4px 12px;
 height: 1.3em;
}

/*============= /DL-lista ===============
============= Roles ===============*/

div.memberSummary ul.roles  {
 float: right;
 border: 1px solid #E8E8E8;
 margin: 12px 0;
 padding: 4px 14px;
}


div.memberSummary ul.roles li  {
 float: left;
 margin-right: 12px;
 font-size: 0.9em;
 font-weight: bold;
 text-transform: uppercase;
}


div.memberSummary ul.roles li img  {
 float: left;
 height: 22px;
 margin-right: 6px;
}


div.memberSummary ul.roles li span  {
 position: relative;
 top: 6px;
}

/*============= /Roles ===============
========= lokal meny for sidor  ========*/

div.myPageWrapper .myPagesNav ul  {
 margin: 12px 0 6px;
 width: 100%;
 float: left;
 background: transparent url(/img-common/bg_level1_item.gif) repeat-x scroll left top;
}


div.myPageWrapper .myPagesNav ul li  {
 float: left;
}


div.myPageWrapper .myPagesNav ul li a:link,
div.myPageWrapper .myPagesNav ul li a:visited  {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 padding: 6px 14px;
 display: block;
}


div.myPageWrapper .myPagesNav ul li.selected  {
 background-color: #CDCDCD;
}

/*======== /lokal meny for sidor  =======
========= buttons ======================*/

div.myPageWrapper .abuse  {
 float: right;
}


div.myPageWrapper ol.membergrid ul.addFavorite li a,
div.myPageWrapper div.memberSummary ul.toolstrip a.asFavorite  {
 margin-right: 6px;
 line-height: 2.8;
}


div.myPageWrapper ol.membergrid ul.addFavorite li a,
div.myPageWrapper ul.toolstrip a.asFavorite  {
 margin-right: 6px;
 line-height: 2.8;
}


div.myPageWrapper a.delete  {
 display: block;
}

/*========= /buttons ======================
======== "lag till..." ================*/

div.myPageArticles input#newArticleStp0Title,
div.myPagePictures input#newImageAlbumStp0Title,
div.myPageYoutubeClips input#movieurl  {
 width: 300px;
 font-family: Georgia;
 font-size: 1.4em;
 color: #777;
 padding: 4px 2px;
 border: 1px solid #999;
}

/*======== /"lagg till..." ================
========= grid for visning av bilder =====*/

div.myPageWrapper ul.grid  {
 margin-bottom: 12px;
}


div.myPageWrapper ul.grid li  {
 float: left;
 margin: 0 4px 12px 0;
 width: 22%;
 line-height: 1.8;
 border: 1px solid #DDD;
 padding: 12px 4px 4px;
 text-align: center;
}

/*Go¶r det mojligt att halla fasta bredder och hojder pa tumnaglar
andra kontext efter behov.
*/

div.myPageWrapper ul.grid li div.thumbImgWrapper,
div.myPageWrapper ol.membergrid li div.thumbImgWrapper  {
 height: 70px;
 padding: 0px;
 margin-bottom: 6px;
}


div.myPageWrapper ul.grid li div.thumbImgWrapper a,
div.myPageWrapper ol.membergrid li div.thumbImgWrapper a  {
 height: 70px;
 display: block;
 overflow: hidden;
}


div.myPageWrapper ol.membergrid li div.thumbImgWrapper,
div.myPageWrapper ol.membergrid li div.thumbImgWrapper a  {
 display: inline;
}


div.myPageWrapper ul.mediagrid li div.thumbImgWrapper  {
 height: 100px;
 padding: 0px;
 margin-bottom: 6px;
}


div.myPageWrapper ul.mediagrid li div.thumbImgWrapper a  {
 height: 100px;
 display: block;
 overflow: hidden;
 border: 1px solid #BBB;
}

/*/thumbImgWrapper*/

div.myPageWrapper ul.grid li span.adr.locality  {
 display: block;
}


div.myPageWrapper ul.grid li .toolstrip  {
 border: none;
}


div.myPageWrapper ul.grid li a.photo  {
 margin-bottom: 12px;
 border: none;
}


div.myPageWrapper ul.grid li span.info  {
 border: none;
 display: block;
}


div.myPageWrapper .header p.info,
div.myPageWrapper .blogHeader p.info  {
 background-color: #E8E8E8;
 padding: 4px 0 4px 12px;
 margin-bottom: 6px;
 clear: both;
}

/*========= /grid for visning av bilder =====
====================== /1. common =============================
======================== 2. views =============================
======================== t0601-view.jsp =======================*/

div.myPageWrapper p.showMoreMyPage  {
 margin-bottom: 4px;
}


div.myPageWrapper p.showMoreMyPage a  {
 display: block;
 background: url(/img-common/bg_link.gif) no-repeat right 5px;
 border: 1px solid #CDCDCD;
 padding: 4px 20px 4px 8px;
 width: 12em;
 clear: both;
}


p.empty  {
 padding: 3px 0;
 text-align: right;
}


div.messages p  {
 background-color: #E8E8E8;
 padding: 6px 20px 10px;
 margin-bottom: 10px;
}


div.favorites p  {
 background-color: #E8E8E8;
 padding: 6px 20px 0;
}


div.myPageHistory ul  {
 margin: 0 0 10px;
 background-color: #E8E8E8;
 padding: 4px 15px 6px;
}


div.myPageHistory ul li  {
 padding: 0px;
 margin: 0px;
 border-bottom: 1px solid #E8E8E8;
}


div.myPageHistory ul li a  {
 display: block;
 background: #EFEFEF url(/img-common/bg_link.gif) no-repeat left 2px;
 padding: 2px 8px 2px 20px;
 margin-right: 6px;
}


div.myPageWrapper div.myPageHistory h3,
div.myPageWrapper div.messages h3  {
 padding-left: 12px;
}


div.myPageWrapper div.summaries h2,
div.myPageWrapper div.summaries .header h2  {
 padding-bottom: 8px;
 font-size: 1.7em;
 color: #000000;
}


div.myPageWrapper div.messages  {
 clear: both;
}


div.myPageWrapper .messageSummary  {
 padding: 12px 0;
}


div.myPagesProfileExtended  {
 padding: 0 12px;
}

/*============= skriva meddelande  ==========*/

div.messageSummary .new .toolstrip  {
 border: none;
}


div.messageSummary .new .fldsep  {
 float: left;
 width: 430px;
}


div.messageSummary .new textarea  {
 width: 400px;
}

/*==========/skriva medddelande  ==========*/

div.myPageWrapper .forum  {
 padding: 6px 12px 6px 0;
 border: 8px solid #E8E8E8;
 margin-bottom: 10px;
}


div.myPageWrapper .forum h3  {
 padding: 0 0 0 12px;
}


div.myPageWrapper .forum dl  {
 padding: 4px 8px 4px 34px;
}


div.myPageWrapper .forum dl dt  {
 font-weight: bold;
 margin: 4px 0 0;
}


div.myPageWrapper .forum dl dd  {
 display: block;
 background: url(/img-common/bg_link.gif) no-repeat left 1px;
 padding: 1px 8px 1px 20px;
}


div.summaries h2  {
 font-size: 1.9em;
 clear: both;
}


div.summaries ul.toolstrip li  {
 display: inline;
}


div.summaries .latestEntries  {
 border: 4px solid #E8E8E8;
 padding: 8px;
 margin-bottom: 10px;
}


div.summaries .latestEntries ol li  {
 list-style: decimal;
 list-style-position: outside;
 margin: 1px 1px 0 22px;
 padding-left: 0;
}


div.summaries div.favoriteSummary  {
 margin-bottom: 10px;
}


div.summaries div.favoriteSummary img  {
 float: left;
 margin-right: 12px;
}


div.summaries div.favoriteSummary li  {
 margin: 0px;
 padding: 10px;
}

/*messageSummary*/

div.myPageWrapper .pluginWrapper.myPageStartpage ul.toolstrip  {
 float: left;
 width: 100%;
 clear: both;
 padding: 3px 0pt 3px 8px;
 background: #E8E8E8 none;
 border: none;
 margin-bottom: 10px;
}


div.myPageWrapper .pluginWrapper.myPageStartpage ul.toolstrip li  {
 float: left;
 padding: 4px;
}


div.myPageWrapper .pluginWrapper.myPageStartpage ul.toolstrip li.goto a  {
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll left top;
 font-weight: bold;
 display: block;
 padding-left: 12px;
}


div.myPageWrapper .messageSummary h4  {
 padding: 10px 0;
}

/*
visa mera om mig
*/

div.myPageWrapper .myPagesProfileExtended .contact_information.hiddenAfterToggle dl.details,
div.myPageWrapper .myPagesProfileExtended .additional_information.hiddenAfterToggle dl.details  {
 padding: 12px;
}

/*membership-wrapper
grid*/

div.myPageWrapper .favoriteSummary ol.membergrid li  {
 float: left;
 background: #FFF;
 border: 1px solid #DDD;
 width: 44%;
 margin: 4px;
}


div.myPageWrapper .favoriteSummary ol.membergrid h3  {
 font-weight: normal;
 font-size: 1.2em;
 line-height: 1.1;
}

/*forumsummary*/

div.summaries .forumSummary div.latestEntries  {
 margin: 1px 1px 12px 0;
 padding: 0;
 border: 0px solid #000000;
 clear: both;
}


div.myPageWrapper div.summaries .latestEntries h3  {
 padding: 4px 0 6px;
}


div.summaries div.forumSummary .latestEntries ol li  {
 list-style: none;
 margin: 1px 1px 0 0;
 padding: 14px;
}


div.myPageWrapper ul.mediagrid  {
 margin: 0 1px 12px;
}


ul.mediagrid li  {
 float: left;
 text-align: center;
 border: 1px solid #C8C7BF;
 padding: 7px;
 margin: 0 3px 12px;
 width: 130px;
}


#mainPadding .mainContentContainer div.myPageWrapper ul li a.slideshow,
#mainPadding .mainContentContainer div.myPageWrapper ul li a.slideshow  {
 text-decoration: none;
}


div.myPageWrapper ul.mediagrid li .toolstrip  {
 border: none;
 text-align: left;
 margin-left: 8px;
}


div.myPageWrapper ul.mediagrid li span.info  {
 border: none;
 display: block;
}

/*utokad kontaktinformation*/

div.myPageWrapper .myPagesProfileExtended div.links  {
 padding: 0 0 12px;
}


div.myPageWrapper .myPagesProfileExtended dl.details  {
 margin: 0 0 12px;
 padding: 5px;
 background-color: #FFFFE5;
 border: 1px solid #E8E8E8;
}


div.myPageWrapper .myPagesProfileExtended dt  {
 font-weight: bold;
 float: left;
 margin-right: 4px;
}


div.myPageWrapper .myPagesProfileExtended dd  {
 padding-left: 4em;
}


div.myPageWrapper .myPagesProfileExtended h2  {
 color: #000;
 font-size: 1.6em;
 font-weight: bold;
}


div.myPageWrapper .myPagesProfileExtended ul  {
 margin-bottom: 12px;
}


div.myPagesProfileExtended .toolstrip a.standardButton  {
 margin: 0 0 12px;
}

/*simpleTeaser*/

div.myPageWrapper .simpleTeaserContainer  {
 border: 6px solid #E8E8E8;
 padding: 16px 12px;
}

/*======================== t0601-index.jsp =======================*/

.myPageSearch fieldset  {
 border: 5px solid #E8E8E8;
 padding: 12px;
 margin-bottom: 12px;
}


div.myPageWrapper ul.membershipWrapper  {
 margin-bottom: 12px;
}


div.myPageWrapper ul.membershipWrapper li  {
 padding: 2px 0 2px 20px;
 background: url(/img-common/color_attention.gif) no-repeat left 1px;
}


div.myPageWrapper .membershipWrapper ul.toolstrip  {
 padding: 8px 12px;
 width: 100%;
 border: none;
 float: left;
}


div.myPageWrapper .membershipWrapper ul.toolstrip li  {
 float: left;
 margin-right: 12px;
}


div.myPageWrapper .membershipWrapper ul.toolstrip li a  {
 background: #EFEFEF url(/img-common/bg_link.gif) no-repeat scroll left 2px;
}


div.myPageWrapper .membershipWrapper ul.toolstrip li.goto,
div.myPageWrapper .membershipWrapper ul.toolstrip li.info  {
 margin: 6px 0 0 12px;
}


div.myPageWrapper ol.membergrid li.vcard,
div.myPageMemberTeaser ol.membergrid li.vcard  {
 padding: 8px;
}


div.myPageWrapper ol.membergrid img,
div.myPageMemberTeaser img  {
 float: left;
 margin: 0 12px 0 0;
}


.myPageMemberTeaser h2  {
 font-weight: bold;
 font-size: 1em;
 background-color: #000;
 color: #FFF;
 padding: 4px 12px;
 margin-bottom: 2px;
/*#FF7E00*/
}


.myPageMemberTeaser h3  {
 color: #FF7E00;
 padding: 4px 12px;
 font-weight: bold;
 margin-bottom: 10px;
}


.myPageMemberTeaser h4  {
 font-size: 1em;
 font-weight: bold;
}

/*======================= /t0601-index  ========================
========================= t0601-blog =========================*/

div.pluginWrapper.myPageBlog div#blog #blogHeader  {
 float: left;
}


ul.syndicate  {
 margin-bottom: 12px;
 padding: 8px;
 clear: both;
 border: 5px solid #E8E8E8;
 width: auto;
}


ul.syndicate li  {
 display: inline;
 background: #FFFFFF url(/img-common/bg_link.gif) no-repeat scroll right top;
}


ul.syndicate li a  {
 padding-right: 20px;
}


div.myPageWrapper ol.entries li.odd,
div.myPageWrapper ol.entries li.even  {
 padding: 10px 20px;
}


div.myPageWrapper div.pluginWrapper ol.entries p  {
 padding: 0 0 4px;
 margin: 0px;
}


div.myPageWrapper div.pluginWrapper .timestamp  {
 font-weight: bold;
 font-size: 1em;
 padding-bottom: 2px;
}


div#blog.viewBlog .entries ul  {
 width: 100%;
}


div#blog.viewBlog .entries li.abuse  {
 position: relative;
 top: -4.2em;
 z-index: auto;
}


div#blog.viewBlog .header ul  {
 float: left;
 clear: both;
}


div.myPageBlog div#blog.viewBlog .entries ul  {
 float: none;
 clear: both;
}


div#blog.viewBlog #navByMonth  {
 padding: 8px;
 margin-bottom: 12px;
}


div#blog.viewBlog .entries div.header  {
 height: 5em;
 overflow: hidden;
}


div#blog.viewBlog #blogNavigation .byTags  {
 clear: both;
}

/*========================== /t0601-blog =======================*/

div.myPageWrapper ol.userEntries .vcard  {
 padding: 6px 0;
}


div.myPageWrapper ol.userEntries ul.toolstrip  {
 border: none;
 float: right;
 margin: -4.6em 0 0;
 padding: 6px;
}


#mainWrapper div.myPageWrapper ol.userEntries ul.toolstrip li  {
 margin-left: 5px;
 padding: 0px;
 white-space: nowrap;
}


#mainWrapper div.myPageWrapper ol.userEntries ul.toolstrip label  {
 display: inline;
}


#mainWrapper div.myPageWrapper ol.userEntries ul.toolstrip .chkRemove  {
 margin: 0 4px;
}


#mainWrapper div.myPageWrapper ol.userEntries ul.toolstrip li a  {
 margin: 0px;
 padding: 2px 22px 3px 10px;
 text-decoration: none;
 display: block;
}


div.pluginWrapper.mpMessages .new .toolstrip  {
 border: none;
 float: left;
 padding: 0;
 margin-left: 20em !important;
 margin: 0 0 0 9.2em;
}


div.myPageWrapper div.pluginWrapper.mpMessages div.infoText,
div.myPageWrapper div.pluginWrapper.myPageArticles div.infoText,
div.myPageWrapper div.pluginWrapper.myPageCoverage div.infoText  {
 padding: 2.4em 0 0;
}


#mainWrapper div.pluginWrapper.mpMessages .new .toolstrip input.btnAdd  {
 line-height: 1;
 background-position: right -509px;
}


div.pluginWrapper.mpMessages .new textarea  {
 width: 68%;
}


div.pluginWrapper.mpMessages .new div.fldsep  {
}


div.myPageWrapper div.pluginWrapper.mpMessages .timestamp  {
 font-size: 0.72em;
}


div.myPageWrapper ol.userEntries li .head  {
 font-size: 1.2em;
 background: #E8E8E8;
 margin: 0 0 14px;
 padding: 10px 12px 12px;
}


div.myPageWrapper ol.userEntries li .avatar  {
 float: left;
 margin: 0 12px 12px 0;
 width: 70px;
 height: 70px;
 overflow: hidden;
 border: 1px solid #CDCDCD;
}


div.myPageWrapper ol.userEntries .richText  {
 float: right;
 width: 82%;
 text-align: left;
}


div.myPageWrapper ol.userEntries .richText p  {
 background-color: #FFFFFF;
 padding: 0 0 2px;
}


div.myPageWrapper form.formNormal .removeMessages label  {
 display: inline;
}

/*====================== /t0601-messages =======================
======================= t0601-favorites ======================*/

div.myPageWrapper ol.membergrid ul.addFavorite  {
 float: right;
 margin-top: -40px;
}


div.myPageWrapper .myPageFavorites fieldset .fldsep  {
 padding: 0px;
}


div.myPageWrapper .myPageFavorites fieldset .fldsep .txtSearchQuery  {
 border: 1px solid #AAA;
 height: 1.7em;
 width: 200px;
 margin: 0 12px;
}


div.myPageWrapper ol.membergrid ul.addFavorite li  {
 display: inline;
}

/*======================= /t0601-favorites =====================
========================= t0601-forum ========================*/

div.myPageWrapper .myPageForum dl dt  {
 font: bold 1em Arial, Helvetica, sans-serif;
 display: block;
 padding: 1px 0px 1px 12px;
 margin: 0 4px 0 0;
 line-height: 160%;
 color: #666666;
}


div.myPageWrapper .myPageForum dl dd  {
 float: none;
 margin: 0px;
 display: block;
 padding: 1px 0px 1px 12px;
 line-height: 160%;
}


div.myPageWrapper .myPageForum dl dd strong  {
 font: bold 1em Arial, Helvetica, sans-serif;
 text-transform: uppercase;
}


div.myPageWrapper div.latestEntries ol li  {
 padding: 0 12px 4px;
}


div.myPageWrapper div.latestEntries .body  {
 padding-left: 24%;
}


div.myPageWrapper div.latestEntries div.user  {
 width: 20%;
 float: left;
}


div.myPageWrapper .myPageForum div.latestEntries .row.forumItem  {
}


div.myPageWrapper div.latestEntries span.name,
div.myPageWrapper div.latestEntries span.comments,
div.myPageWrapper div.latestEntries .avatar  {
 display: block;
 text-align: center;
}


div.myPageWrapper .pluginWrapper.myPageForum div.latestEntries ol li  {
 padding: 8px 0;
}

/*======================== t0601-coverage ======================*/

div.myPageWrapper .myPageCoverage dl  {
 margin-top: 20px;
}


div.myPageWrapper .myPageCoverage dt  {
 font: bold 1em Arial, Helvetica, sans-serif;
 background: #E8E8E8;
 text-transform: uppercase;
 color: #000;
 padding: 2px 12px 4px;
}


div.myPageWrapper .myPageCoverage dt span.info  {
 text-transform: none;
 color: #666666;
}


div.myPageWrapper .myPageCoverage dt .delete  {
 margin-top: 22px;
}


div.myPageWrapper .myPageCoverage dt span.toolbar  {
 display: block;
 float: right;
}


div.myPageWrapper .myPageCoverage .new label  {
 display: inline;
}


div.myPageWrapper .myPageCoverage dd.news  {
 padding: 12px;
 border-bottom: 4px solid #E8E8E8;
}


div.myPageWrapper .myPageCoverage dd.news img  {
 float: left;
 margin: 0 12px 0 0;
}


div.myPageWrapper .myPageCoverage h3  {
 font-weight: normal;
}

/*======================= /t0601-coverage ======================
======================= t0601-editMyPage =====================

se css kod f tjaensten T06.19 observera att css fr T06.19 aldrig kan exkluderas fr T0601
*/

.pluginWrapper.editMyPage #mypageSettings.residence input  {
 margin: 0 0 -6px 4px;
}


.pluginWrapper.editMyPage #mypageSettings.edit .unloadPicture label  {
 font-weight: bold;
 font-size: 0.9em;
 border-bottom: none;
}


#mypageSettings.edit #get_account legend  {
 font-size: 1.6em;
 padding: 6px;
 margin: 0 6px 2px;
}


#mypageSettings.edit div.box  {
 padding: 0px;
}


#mypageSettings.edit div#login_container  {
 margin: 1px;
}


* html #mypageSettings.edit div#login_container  {
 width: 94%;
}


#mypageSettings.edit #login_container label,
#mypageSettings.edit #login_container .additional_information  {
 padding: 0 0 0 14px;
 background-position: left top;
 width: 30%;
}


#mypageSettings.edit #login_container input  {
 width: 60%;
 margin: 0 12px 4px 0;
 border: 1px solid #AAA;
 float: left;
 padding-left: 8px;
}


#mypageSettings.edit div#login_container #infoMailWrapper label  {
 width: 60%;
}


#mypageSettings.edit div#login_container #infoMailWrapper input  {
 width: 5%;
}


#mypageSettings.edit #login_container span.required  {
 width: 4px;
}


#mypageSettings.edit .general_information div  {
 padding: 0 0 2px;
 margin: 0;
}


#mypageSettings.edit #login_container.get_account p.textField_info  {
 clear: both;
 padding: 8px 4px 0;
 text-align: left;
}


#mypageSettings.edit #login_container div.clearer  {
 padding: 0px;
}

/*
losenordets kvalitet
*/

#mypageSettings.edit #login_container #passwordStrengthMeterContainer  {
 background: #FFF;
}


#mypageSettings.edit #login_container .userFunctionsContainer  {
 margin: 2px 0;
 clear: both;
 margin: 0 12px 12px;
}


#mypageSettings.edit .additional_information p  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 140%;
}


#mypageSettings .additional_information #btnAdd  {
 font-size: 11px;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 background: url(/img-common/bg_standardButton.png) repeat-x;
 border-right: 1px solid #AAA;
 border-bottom: 1px solid #AAA;
 cursor: pointer;
 font-weight: bold;
 padding: 2px 6px;
}


#mypageSettings .additional_information #url  {
 width: 300px;
 border: 1px solid #AAA;
}


#mypageSettings div.general_information  {
 padding: 6px;
}


#mypageSettings.edit .general_information  {
 border: 1px solid #E8E8E8;
 background: #F8F8F8;
}


#mypageSettings.edit .infoMail input  {
 float: left;
}


#mypageSettings.edit .infoMail label  {
 padding-left: 34px;
 font-weight: normal;
}

/*
textareas
*/

#mypageSettings .voluntary_info textarea,
#mypageSettings .voluntary_info select#links  {
 width: 90%;
 padding: 6px;
 border: 1px solid #DDD;
 margin: 6px 0;
}


#mypageSettings.edit .infoMail input  {
 margin: 0 6px 0 12px;
}


#mypageSettings.edit .interruptSubmit input  {
 margin: 0;
}


#mypageSettings.edit div.interruptSubmit  {
 padding: 10px 12px;
 clear: both;
}


#mypageSettings.edit #login_container .interruptSubmit input.standardButton  {
 width: 6em;
}


#mypageSettings.edit #login_container .interruptSubmit a.interrupt  {
 float: left;
 margin-left: 12px;
 border: 1px solid #AAA;
}


#mypageSettings.edit .statistic_information  {
 border: none;
 padding: 12px;
 margin-bottom: 12px;
}


#mypageSettings.edit .general_information label  {
 border: none;
}


#mypageSettings.edit .residence  {
 padding-top: 6px;
}


#mypageSettings.edit .public_information  {
 border: 1px dashed #DDD;
 background-color: #FFFFFF;
 padding: 12px;
 margin: 12px 0;
 font: normal 1em "Courier New", Courier, monospace;
}


#mypageSettings.edit .public_information label  {
 display: inline;
 border: none;
}


#mypageSettings.edit #login_container div.male_female input  {
 width: 1.3em;
 margin: 0px;
}


#mypageSettings.edit #login_container div.male_female h4  {
 float: left;
 background: transparent url(/img-common/bg_search_label.gif) no-repeat left top;
 padding-left: 16px;
 width: 180px;
 display: block;
}


#mypageSettings.edit #login_container div.male_female label  {
 background: none;
 width: 3em;
 float: left;
 text-align: left;
 padding-left: 4px;
 font-weight: normal;
}


#mypageSettings.edit #login_container fieldset.subscribers_info input  {
 width: 180px;
}


#mypageSettings.edit #login_container fieldset.subscribers_info label  {
 width: 210px;
}

/*==specifikt f T0601===*/

.pluginWrapper.editMyPage #forum_mypage div.general_information,
.pluginWrapper.editMyPage #forum_mypage div.additional_information  {
 padding: 30px;
}


.pluginWrapper.editMyPage #forum_mypage div.general_information fieldset,
.pluginWrapper.editMyPage #forum_mypage div.additional_information fieldset  {
 padding: 30px;
 border: 1px solid #EEEEEC;
}


.pluginWrapper.editMyPage #forum_mypage div.general_information fieldset fieldset,
.pluginWrapper.editMyPage #forum_mypage div.additional_information fieldset fieldset  {
 border: none;
}


.pluginWrapper.editMyPage #forum_mypage .additional_information .load_img  {
 width: 76%;
}


.pluginWrapper.editMyPage form.mypageEdit.postAsModal .fldsep label,
.pluginWrapper.editMyPage form.mypageEdit.postAsModal .fldsep input  {
 float: left;
 margin: 0 6px 8px 0;
}


#mypageSettings.edit div.interruptSubmit a.standardButton  {
 margin-top: 0;
 padding: 3px 12px;
}

/*======================= /t0601-editMyPage ====================
================== t0601-manageImageGallery ==================*/

div.myPageWrapper .myPageEditPictures fieldset.uploadImage  {
 background-color: #E8E8E8;
 padding: 24px 32px 0;
 margin-bottom: 0px;
}


div.myPageWrapper .myPageEditPictures fieldset.managePictures  {
 background-color: #E8E8E8;
 padding: 5px 6px;
}


div.myPageWrapper .myPageEditPictures .uploadImage div.upload,
div.myPageWrapper .myPageEditPictures .uploadImage div.album  {
 float: left;
 margin-right: 12px;
}


div.myPageWrapper .myPageEditPictures .uploadImage div.upload input,
div.myPageWrapper .myPageEditPictures .uploadImage div.album input  {
 width: 12em;
}


div.myPageWrapper .myPageEditPictures fieldset.uploadImage div.toc  {
 display: block;
 clear: both;
}


div.myPageWrapper .myPageEditPictures div.toolstrip  {
 border: none;
 padding-left: 6%;
}


div.myPageWrapper .myPageEditPictures div.management  {
 float: left;
 width: 6%;
}


div.myPageWrapper .myPageEditPictures div.management input  {
 margin-bottom: 32px;
 cursor: pointer;
}


div.myPageWrapper .myPageEditPictures .managePictures li  {
 display: block;
 clear: both;
 margin-bottom: 12px;
}


div.myPageWrapper .myPageEditPictures .managePictures input  {
 display: block;
}


div.myPageWrapper .myPageEditPictures .managePictures div.fldsep  {
 padding: 0.5em 6%;
}


div.myPageWrapper .myPageEditPictures .managePictures textarea  {
 height: 2em;
 width: 80%;
}


div.myPageWrapper .myPageEditPictures .managePictures img  {
 float: left;
 margin-right: 12px;
 border: 1px solid #FFF;
}


div.myPageWrapper .managePictures .remove  {
 border-bottom: 6px solid #FFF;
}


div.myPageWrapper .managePictures .remove input.standardButton  {
 margin-left: 180px;
 width: 130px;
}


div.myPageWrapper .managePictures div.save  {
 height: 3em;
}


div.myPageWrapper .managePictures div.save a,
div.myPageWrapper .managePictures div.save input  {
 float: left;
 width: 150px;
 text-align: center;
 margin-left: 20px;
}

/*================= /t0601-manageImageGallery ==================
================= /t0601-event in searchlist ==================*/

div#searchResult div.event  {
 border-bottom: 5px solid #E8E8E8;
 padding-bottom: 10px;
 margin-bottom: 12px;
}


div#searchResult div.event img  {
 float: left;
 margin-right: 20px;
}

/*=================== T06.01-patch1 =========================

CSS for the toggable infoText
*/

* html div.myPageWrapper div.header  {
 overflow: visible;
 height: 1px;
}


div.myPageWrapper div.header h3,
div.myPageWrapper div.header ul,
div.myPageWrapper div.header p  {
 clear: both;
}


div.myPageWrapper div.infoText  {
 margin: 0;
 padding: 2.4em 0 0;
}


div.myPageWrapper .pluginWrapper.myPageFavorites div.infoText  {
 padding: 0;
}


div.myPageWrapper div.infoText a  {
 text-decoration: underline;
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll left top;
 display: block;
 float: none;
 font-size: 1.1em;
 padding: 0 0 0 16px;
 margin: 10px 12px 10px 24em;
}


div.myPageWrapper div.infoText p.toggableContent  {
 border: 1px solid #CDCDCD;
 padding: 7px 14px 0;
 margin-bottom: 1em;
}


div.myPageWrapper div.infoText p.toggableContent span a  {
 margin-top: 10px;
}

/*=============== /T06.01 - My Page =====================
=============== T06.01 - Profiles plugins ==============
== sammanstallningar av plug-ins fr startsidan ==*/

div.pluginWrapper.myPageStartpage .messageSummary .header,
div.pluginWrapper.myPageStartpage .blogSummary .header,
div.pluginWrapper.myPageStartpage .favoriteSummary .header,
div.pluginWrapper.myPageStartpage .articleSummary .header,
div.pluginWrapper.myPageStartpage .coverageSummary .header,
div.pluginWrapper.myPageStartpage .forumSummary .header,
div.pluginWrapper.myPageStartpage .pictureSummary .header,
div.pluginWrapper.myPageStartpage .youtubeSummary .header  {
 background: none;
 height: auto;
 margin-bottom: 0;
}


div.pluginWrapper.myPageStartpage .messageSummary .header h2,
div.pluginWrapper.myPageStartpage .blogSummary .header h2,
div.pluginWrapper.myPageStartpage .favoriteSummary .header h2,
div.pluginWrapper.myPageStartpage .articleSummary .header h2,
div.pluginWrapper.myPageStartpage .coverageSummary .header h2,
div.pluginWrapper.myPageStartpage .forumSummary .header h2,
div.pluginWrapper.myPageStartpage .pictureSummary .header h2,
div.pluginWrapper.myPageStartpage .youtubeSummary .header h2  {
 font-size: 1.8em;
 padding: 14px 64px;
 border-bottom: 5px solid #E8E8E8;
 width: 96%;
 margin-bottom: 0;
}


div.pluginWrapper.myPageStartpage .messageSummary .header h2  {
 background-position: left -386px;
}


div.pluginWrapper.myPageStartpage .blogSummary .header h2  {
 background-position: left -334px;
}


div.pluginWrapper.myPageStartpage .favoriteSummary .header h2  {
 background-position: left -434px;
}


div.pluginWrapper.myPageStartpage .articleSummary .header h2  {
 background-position: left -499px;
}


div.pluginWrapper.myPageStartpage .coverageSummary .header h2  {
 background-position: left -552px;
}


div.pluginWrapper.myPageStartpage .forumSummary .header h2  {
 background-position: left -600px;
}


div.pluginWrapper.myPageStartpage .pictureSummary .header h2  {
 background-position: left -650px;
}


div.pluginWrapper.myPageStartpage .youtubeSummary .header h2  {
 background-position: left -744px;
}

/*== /sammanstallningar av plug-ins fr startsidan ==*/

div.pluginWrapper.editMyPage .header,
div.pluginWrapper.mpMessages .header,
div.pluginWrapper.myPageArticles .header,
div.pluginWrapper.myPageCoverage .header,
div.pluginWrapper.myPageForum .blogHeader,
div.pluginWrapper.myPagePictures .header,
div.pluginWrapper.myPageEditPictures form.formNormal,
div.pluginWrapper.myPageYoutubeClips .header,
div.pluginWrapper.myPageStartpage .header  {
 background: transparent url(/img-common/bg_myPageHeaderH2.png) no-repeat left top;
}


div.pluginWrapper.myPageStartpage .header  {
 height: 5em;
}


div.pluginWrapper.myPageForum .latestEntries .header  {
 background: none;
/*limits padding-top in IE*/
 border: 1px solid #FFF;
 margin: 0;
}


div.pluginWrapper.editMyPage .header h2,
div.pluginWrapper.myPageBlog div#blog #blogHeader h2,
div.pluginWrapper.mpMessages .header h2,
div.pluginWrapper.myPageArticles .header h2,
div.pluginWrapper.myPageCoverage .header h2,
div.pluginWrapper.myPageForum .blogHeader h2,
div.pluginWrapper.myPagePictures .header h2,
div.pluginWrapper.myPageEditPictures form.formNormal h2,
div.pluginWrapper.myPageYoutubeClips .header h2,
div.pluginWrapper.myPageStartpage .header h2  {
 background: transparent url(/img-common/myPage_sprite.png) no-repeat left -191px;
 padding: 14px 12px 12px 64px;
 display: block;
 margin-bottom: 12px;
 float: left;
 color: #000000;
}


div.pluginWrapper.myPageEditPictures form.formNormal h2  {
 background: transparent url(/img-common/myPage_sprite.png) no-repeat left -703px;
 padding: 14px 0 12px 64px;
 border-bottom: 2px solid #DDD;
 display: block;
 margin-bottom: 0;
 float: none;
 color: #000000;
}


div.myPageWrapper .pluginWrapper.myPageFavorites .header div.infoText a  {
 margin-top: 0;
}


div.myPageWrapper .pluginWrapper.myPageFavorites .header h3  {
 background: transparent url(/img-common/myPage_sprite.png) no-repeat left -434px;
 padding: 8px 0pt 20px 70px;
 display: block;
 color: #000000;
 font-size: 1.5em;
}


div.pluginWrapper.myPageBlog div#blog #blogHeader h2  {
 background-position: left -330px;
}


div.pluginWrapper.mpMessages .header h2  {
 background-position: left -380px;
}


div.pluginWrapper.myPageArticles .header h2  {
 background-position: left -496px;
}


div.pluginWrapper.myPageCoverage .header h2  {
 background-position: left -546px;
}


div.pluginWrapper.myPageForum .header h2  {
 background-position: left -596px;
}


div.pluginWrapper.myPagePictures .header h2  {
 background-position: left -650px;
}


div.pluginWrapper.myPageYoutubeClips .header h2  {
 background-position: left -744px;
}

/*=============== /T06.01 - Profiles plugins ==============
=============== T06.09.003 - Comments / rating ==================

* SECTIONS
1. commentsWrapper, common styles for all "comment"-services
2. main column
3. right column
4. jsDependent

----- 1. common -----*/

div.commentsWrapper h2  {
 font-size: 2em; /*[e]2.2em/1.1*/
 padding: 4px 0;
 letter-spacing: -1px;
 border: 0;
}


div.commentsWrapper .header  {
 /*[empty]background:;*/
 height: 3.4em;
 padding-left: 4px;
 margin-bottom: 6px;
}


div.commentsWrapper h4  {
 font-size: 1.2em;
 color: #777;
 letter-spacing: 0px;
 padding-top: 8px;
}


div.commentsWrapper div.toolstrip a,
div.commentsWrapper div.readAll a,
div.newComment div.terms a  {
 line-height: 3.1;
}

/*----- / 1. common -----
----- 2. main column -----
=== comments list ===*/

.commentsWrapper div.header h2  {
 float: left;
 padding: 6px 12px 0 4px;
}


.commentsWrapper div#skipToCommentForm  {
 text-decoration: underline;
 font-weight: bold;
 float: right;
 margin-bottom: 12px;
}


div.newComment div.header h2  {
 float: none;
 padding: 6px 12px 0 4px;
}


div.threadsWrapper  {
 clear: both;
}


div.threadsWrapper .icon  {
 float: right;
}


div.threadsWrapper div.toolstrip  {
 text-align: right;
 float: left;
 padding: 4px;
}


div.threadsWrapper div.toolstrip form.membermod  {
 float: right;
 margin: 0;
}


div.threadsWrapper div.toolstrip div  {
 display: inline;
 padding: 0 5px 0 0;
}


.commentsWrapper div.commentContainer  {
 border-top: 1px solid #E4E1CD;
 padding: 12px 0;
 margin-top: 5px;
 clear: both;
}


div.commentContainer .score  {
 float: left;
 font-weight: bold;
 font-size: 1.5em;
 padding: 0 10px 0 0;
}


div.commentContainer h3  {
 padding-bottom: 0;
 display: block;
 clear: both;
}


div.commentsWrapper div.readAll  {
 text-align: right;
}


div.commentsWrapper div.readAll a  {
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll 100% 0;
 padding-right: 16px;
}

/*=== / comments list ===
=== new comment form ===*/

div.newComment div.field  {
 margin: 12px 0;
}


div.newComment div.field label  {
 display: block;
}


div.newComment div.charcount label,
div.newComment div.terms label  {
 display: inline;
}


div.newComment div.alias input,
div.newComment div.name input,
div.newComment div.email input  {
 width: 200px;
}


div.newComment div.field textarea  {
 width: 400px;
 height: 23em;
}


div.newComment div.terms  {
 border-top: 3px solid #D9D9D9;
 padding-top: 12px;
 margin-top: 20px;
}


.scoreWrapper input  {
 margin-right: 8px;
}


.scoreWrapper  {
 display: block;
}


#visitorReviews #commentForm .field .label  {
 display: block;
 text-align: left;
}

/*=============== / T06.09.003 - Comments / rating ==================
CSS Document
============== T0615 Hantera kandischat ==========================

1. Common
2. VIEWS
 t0615_viewChat
 t0615_WEBAPP

3. WEBAPP (MEANS THE MODERATOR-VIEW, NOT A PUBLIC VIEW)


=== 1. Common ===*/

.chatWrapper  {
 font-size: 1em;
 padding-top: 12px;
}


.chatWrapper p  {
 padding: 0;
}

/*===== form =====*/

.chatWrapper fieldset.formNormal  {
 border: 5px solid #E8E8E8;
 padding: 16px 12px 12px !important;
 padding: 20px 12px 12px;
 margin-bottom: 12px;
}


.chatWrapper legend  {
 position: absolute;
 left: -9999px;
 z-index: 100;
 display: block;
 font-size: 1px;
 color: #FFFFFF;
}


#chatRead.chatWrapper fieldset.formNormal legend  {
 font-weight: bold;
 font-size: 1.6em;
 color: #000;
 clear: both;
 display: block;
}


.chatWrapper fieldset.formNormal label  {
 width: 17em;
 padding-right: 12px;
 display: block;
 float: left;
 text-align: right;
}


.chatWrapper fieldset.formNormal .standardButton  {
 margin-left: 250px;
 display: block;
}


.chatList input.standardButton  {
 float: right;
 margin: 20px 20px 0 0;
 width: 100px;
}

/*===== / form =====
=========================== /1. Common =======================
============================= 2.Views ========================
=== t0615_viewChat ===*/

.chatWrapper  {
}


.chatWrapper .chatPerson img  {
 float: right;
 margin: 0px 0px 12px 12px;
}


.chatWrapper .chatJoin  {
 clear: both;
}


.chatWrapper #chatRead h2  {
 font-weight: normal;
 font-size: 1.8;
 color: #666666;
 padding: 8px 0px 8px 0;
 clear: both;
}


.chatWrapper .chatList ul li  {
 background: url(/img-common/bg_link_eventCalendarTeaserlist.gif) no-repeat scroll left 4px;
 padding: 4px 0;
 border-bottom: 1px solid #DDD;
}


.chatWrapper .chatList ul li a  {
 padding: 2px 0 2px 16px;
}


.chatWrapper .chatList ul li a:link,
.chatWrapper .chatList ul li a:visited  {
 text-decoration: none;
}


.chatWrapper .chatList ul li .message  {
 padding: 6px 0 2px 16px;
 border: none;
}


.chatWrapper .chatList ul li .message h3  {
 font-weight: bold;
 font-size: 1.2;
 margin: 0px;
 padding: 0 0 4px;
}


.chatWrapper em  {
 font-style: normal;
 font-weight: bold;
 font-size: 0.7;
}


.chatWrapper p em  {
 font-style: italic;
 font-size: 100%;
}

/*=== /t0615_viewChat ===
**********************  3.questionlist *************************/

.chatWrapper .message  {
 padding: 6px 12px;
 margin-bottom: 8px;
 clear: both;
}


.chatWrapper .message h3  {
 font-weight: normal;
 font-size: 1.6;
 color: #FF7E00;
 padding: 0 0 2px;
 margin-bottom: 0;
}


.chatWrapper .message .dtstamp  {
 font-size: 0.8em;
}


#chatQuestionListWrapper .message h3.question  {
 border-bottom: 8px solid #DDD;
 font-size: 1.4em;
 margin-bottom: 4px;
}


.chatWrapper .toolStrip input  {
 margin-right: 12px;
 font-weight: bold;
 font-size: 0.9;
}


.chatWrapper .dtstamp  {
 font-weight: normal;
 color: #666;
}

/*===LIST OF QUESTIONS ===*/

.chatWrapper div.message  {
 margin: 6px 0;
 padding: 6px;
}


.chatWrapper .even  {
 background-color: #F3F3F3;
}


.chatWrapper .odd  {
 background-color: #FFF;
}

/*===t0615_manageChat ===*/

#chatSubmitQuestion fieldset.formNormal legend  {
 font-weight: bold;
 font-size: 1.2;
 color: #000;
 clear: both;
 padding: 2px 5px 0;
 margin-bottom: 12px;
 display: block;
}


#chatSubmitQuestion .metaWrapper  {
 display: block;
 color: #999;
 font-style: italic;
 padding-left: 16px;
}


div#chatSubmitQuestion p.logged_on span,
div#chatSubmitQuestion p.alias span  {
 font-weight: bold;
 font-size: 1em;
}


.chatWrapper p.alias  {
 margin-bottom: 12px;
}


div#chatSubmitQuestion #taChatQuestion  {
 margin-bottom: 12px;
}


div#chatSubmitQuestion fieldset.formNormal label  {
 padding: 0 0 8px;
 clear: both;
 float: none;
 text-align: left;
}


div#chatSubmitQuestion fieldset.formNormal label span.required  {
 font-size: 0.8em;
}


#chatSubmitQuestion fieldset.formNormal .standardButton  {
 display: block;
 margin: 0 0 0 6px;
 float: left;
}

/*===/t0615_manageChat ===
===/t0615_WEBAPP ===
===== typography =====*/

div.chatWrapper  {
 padding-top: 12px;
}


div.chatWrapper h3  {
 font-size: 1em;
 line-height: 1.4;
 font-weight: bold;
 padding: 0 0 4px;
 margin-bottom: 4px;
}


div.chatWrapper p  {
 padding-bottom: 6px;
}

/*===== / typography =====
===== metaWrapper =====*/

div.chatWrapper span.metaWrapper  {
 font-size: 0.9em;
 color: #777;
 float: right;
}


div.chatWrapper span.metaWrapper em  {
 color: #333;
 font-style: normal;
 margin-right: 2px;
}


div.chatWrapper span.metaWrapper span.dtstamp  {
 margin-right: 8px;
}

/*===== / metaWrapper =====
===== form =====*/

div.chatWrapper fieldset.formNormal legend  {
 font-size: 1em;
 font-weight: bold;
 color: #FF7E00;
 clear: both;
 padding: 12px 5px 0;
 margin-bottom: 8px;
}


div.chatWrapper fieldset.formNormal .box  {
 margin-bottom: 4px;
 clear: both;
}


div.chatWrapper fieldset.formNormal label  {
 padding-bottom: 4px;
 text-align: left;
}


span.required  {
 color: #C60707;
 font-size: 1em;
 font-weight: bold;
}


div.chatWrapper fieldset.formNormal input  {
 width: 390px;
 border: 1px solid #AAA;
}


div.chatWrapper fieldset.formNormal textarea#taChatAnswer,
div.chatWrapper fieldset.formNormal textarea#taChatAnswerHeading,
div.chatWrapper fieldset.formNormal textarea#taChatAnswerModerator  {
 width: 390px;
 border: 1px solid #AAA;
}

/*===== MaxChar fields =====*/

div.chatWrapper fieldset.formNormal input#maxchar  {
 background-color: #FFF;
 border: none;
}


div.chatWrapper fieldset.formNormal label.maxcharLabel  {
 color: #999;
}

/*===== / MaxChar fields =====
===== toolStrip =====*/

div.chatWrapper div.toolStrip  {
 text-align: right;
}

/*===== buttons =====*/

div.chatWrapper fieldset.formNormal .standardButton  {
 width: auto;
 font-weight: normal;
 margin: 8px 8px 0 0;
}

/*===== links =====*/

div.chatWrapper fieldset.formNormal a  {
 margin: 8px 12px 0 0;
 font-size: 0.85em;
 font-weight: bold;
}

/*===== / links =====
===== / toolStrip =====
===== / form =====*/

div#chatEditorModerator  {
 margin-top: 20px;
}

/************************** / 1. Web app *****************************
====================== /T06.15 ==================================
====================== T06.17 ==================================
t0617001_viewMemberArticle
*/

.articleUserGenerated .usergenerated_label  {
 border-left: 8px solid #FF7E00;
 background: #CDCDCD;
 width: auto;
 color: #FFF;
 font-size: 1.2em;
 font-weight: bold;
 padding: 4px 40px 4px 12px;
 text-transform: uppercase;
 margin-bottom: 12px;
 display: block;
}


div.articleUserGenerated form.formNormal fieldset.uploadImage  {
 margin-top: 16px;
}


.articleUserGenerated .toolstrip  {
 height: 20px;
 text-align: right;
}

/*t0617002 hantera medlemsartikel(t0601-editMyPageCore.jsp)
*/

div.articleUserGenerated p#thankYou  {
 background: #FFF6EE;
 border: 1px dotted #FF7E00;
 padding: 1em;
 margin-bottom: 1em;
 font-size: 2em;
}


fieldset.managePictures textarea  {
 width: 380px;
 height: 50px;
}


.pluginWrapper.editMyPage ul.managementNav  {
 height: 2.2em;
}


.pluginWrapper.editMyPage ul.managementNav li  {
 float: left;
 display: block;
 margin-right: 12px;
 padding-left: 14px;
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll left 2px;
}

/*====================== /T06.17 ==================================
===================== T09.04.002 - Hantera Formular.=============

1. formNormal (r basen i alla formular)
2.  T09.04.002 Hantera formular
3. Fellmeddelanden

************************* 1. Common *****************************
===== form =====
===== form =====*/

form.formNormal  {
 margin-bottom: 12px;
}


form.formNormal h1.size2,
form.formNormal h1  {
 font: normal 2.4em "Arial Black", Arial, Helvetica, sans-serif;
 padding-bottom: 12px;
 line-height: 1;
}


form.formNormal p a  {
 text-decoration: underline !important;
}


form.formNormal legend  {
 margin-bottom: 4px;
 padding: 8px 8px 4px;
 font: normal 1.8em Georgia, "Times New Roman", Times, serif;
 line-height: 1;
}


form.formNormal div.toggableTerms p  {
 padding: 6px;
 margin-bottom: 8px;
 border: 1px solid #DDD;
}


form.formNormal fieldset  {
 margin-bottom: 6px;
}


form.formNormal div.toolStrip  {
 margin-bottom: 6px;
 padding: 0;
 border: 0;
}


form.formNormal div.fldsep  {
 clear: both;
 margin-bottom: 4px;
 padding: 0 0 8px;
}


form.formNormal textarea  {
 width: 373px;
}


form.formNormal div.fldsep.chk  {
 margin: 0;
 padding: 0;
}


form.formNormal label  {
 display: block;
}

/*==T09.04.002==
/buttons/*/

.userFormWrapper form.formNormal label.chk,
.userFormWrapper form.formNormal label.rdo,
.userFormWrapper form.formNormal input.chk,
.userFormWrapper form.formNormal input.rdo,
.articleUserGenerated form.formNormal label.chk,
.articleUserGenerated form.formNormal label.rdo,
.articleUserGenerated form.formNormal input.chk,
.articleUserGenerated form.formNormal input.rdo  {
 display: inline;
}


.userFormWrapper form.formNormal label.chk,
.userFormWrapper form.formNormal label.rdo,
.userFormWrapper form.formNormal input.btnCancel,
.userFormWrapper form.formNormal a.btnCancel  {
 background: none;
 border: 0;
 cursor: default;
 font: normal 1em Verdana, Arial, Helvetica, sans-serif;
 margin: 3px;
 padding: 3px 6px 4px;
}


.userFormWrapper form.formNormal a.btnCancel  {
 margin: 6px 0 0;
 padding: 3px 6px 4px;
}


.userFormWrapper form.formNormal span.required  {
 font-size: 0.8em;
}

/*==/T09.04.002==

feltext vid formular
*/

div.error  {
 clear: both;
}


fieldset div.error  {
 background: url(/img-common/bg_error.gif) no-repeat 60px bottom;
 padding: 4px 12px 10px 0px;
 margin: 0 0 2px;
}


#mainWrapper fieldset .instructions a:link,
#mainWrapper fieldset .instructions a:visited  {
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll left top;
 text-decoration: underline;
 padding-left: 12px;
}

/*
satter feltext under rubrik
*/

#mainWrapper fieldset div.error p  {
 padding: 4px;
 display: block;
 clear: both;
 background: #F4F4F0;
}

/*
satter feltext i fieldset
*/

div.error p  {
 color: #C60707;
 border: 1px dotted #F93939;
 margin: 0 0 8px;
 padding: 6px 6px 6px 12px;
 display: block;
}

/*===================== /T09.04.002 - Hantera Formular.=============
========================== T1003 - Hantera recension ===============
===== headlineContainer =====*/

.review .headlineContainer  {
 border-bottom: 1px solid #FF7E00;
 padding-bottom: 12px;
 margin-bottom: 12px;
}


.review .articleLabel  {
 font-weight: bold;
 text-transform: uppercase;
 margin: 4px 0;
}


.review .genreWrapper  {
 height: 4em;
}


.review .iconGenre  {
 float: right;
}


.reviewScore  {
 width: 164px;
 height: 120px;
 float: right;
 background-image: url(/img-common/icon_review_score_bg.png);
 background-repeat: no-repeat;
 text-align: left;
}


.reviewScore .reviewScoreValue  {
 color: #FFF;
 background-color: transparent;
 font-size: 30px;
 font-weight: bold;
 line-height: 37px;
}


.reviewScore .reviewScoreValue em  {
 color: #FFF;
 background-color: transparent;
 padding: 18px 0 0 44px;
 display: block;
 font: bold 40px Georgia, "Times New Roman", Times, serif;
 font-style: normal;
}


.headlineContainer span.label,
.headlineContainer span.reviewScoreScale  {
 position: absolute;
 left: -9999px;
}

/*========================== /T10.03 - Hantera recension ========================
================ T09.01 - Inloggning for besokare. ========================

1.COMMON
2.VIEWS
1. T09.01 login_container
2. T09.01 login_getAccount
3. teaser

1.COMMON*/

div#login_container  {
 margin: 15px;
}


div#login_container p.preamble  {
 padding-bottom: 12px;
}


div#login_container input  {
 vertical-align: middle;
}


div#login_container div.confirmation  {
 border: 1px solid #FF7E00;
 margin: 0 0 1em;
 padding: 12px;
}


div#login_container div.confirmation p  {
 font-size: 1.2em;
 margin: 0px;
 padding: 0 0 6px;
}


div#login_container fieldset a  {
 padding-right: 16px;
 text-decoration: underline;
 background: url(/img-common/bg_link.gif) no-repeat scroll right 2px;
}


div#login_container fieldset p.back a  {
 padding-left: 16px;
 text-decoration: underline;
 background: url(/img-common/myPage_sprite.png) no-repeat -6px -3.1em;
}


div#login_container p.additional_info  {
 clear: both;
 display: block;
 padding: 0 0 12px 8px;
}


div#login_container fieldset fieldset  {
 padding: 4px 12px 10px;
}


div#login_container .rememberMeWrapper  {
 margin: 12px 0 0;
}


div#login_container .toggableContent p  {
 padding: 12px;
}


div#login_container .rememberMeWrapper label  {
 width: 120px;
 padding-right: 20px;
}


#login_container label  {
 width: 26%;
 float: left;
 display: block;
 background: url(/img-common/bg_search_label.gif) no-repeat 5px top;
 padding-left: 16px;
}

/*----- fields -----*/

div#login_container .txtUID,
div#login_container .txtPSW,
div#login_container .txtName,
div#login_container .txtNameLast,
div#login_container .txtAlias,
div#login_container .txtPhone,
div#login_container .txtPhoneMobile,
div#login_container fieldset fieldset input  {
 width: 66%;
 padding: 2px 2px 2px 8px;
 border: 1px solid #DDD;
 background: #FFF;
 float: left;
}

/*
egna bredder, justering av fontstorlek i modalt fonster
*/

#modalWindowWrapper div#login_container  {
 font-size: 0.98em;
}


#modalWindowWrapper div#login_container .txtUID,
#modalWindowWrapper div#login_container .txtPSW,
#modalWindowWrapper div#login_container .txtName,
#modalWindowWrapper div#login_container .txtNameLast,
#modalWindowWrapper div#login_container .txtAlias,
#modalWindowWrapper div#login_container .txtPhone,
#modalWindowWrapper div#login_container .txtPhoneMobile,
#modalWindowWrapper div#login_container fieldset fieldset input  {
 width: 60%;
}


#modalWindowWrapper div#infoMailWrapper,
#modalWindowWrapper div#registrationTermsContainer  {
 margin-bottom: 5px;
 padding: 0 16px;
}


div#login_container select.selBirthDate,
div#login_container select.selBirthMonth,
div#login_container select.SelBirthDay,
div#login_container select.SelBirthYear,
div#login_container select.selBirthYear2  {
 width: auto;
 margin-right: 2px;
 float: left;
}


div#login_container .radiobuttongroup br  {
 clear: both;
}


div#login_container .radiobuttongroup input  {
 width: 14px;
 border: none;
}

/*----- toolStrip -----*/

div#login_container fieldset .toolStrip  {
 padding: 0;
}


#modalWindowWrapper .box.toolStrip .standardButton  {
 float: right;
 margin: 4px 20px;
}


div#login_container .standardButton  {
 float: right;
 margin: 4px 0px;
}


div#login_container a.standardButton  {
 padding: 2px 6px;
}


div#login_container p.forgot_password  {
 float: left;
 margin: 8px 0 3px 10px;
}


#acceptTerms.checkBox  {
 float: left;
 margin-top: 1px;
}


#modalWindowWrapper div#login_container .box.toolStrip,
div#login_container .box.toolStrip  {
 border-top: 4px solid #E8E8E8;
 padding-top: 6px;
 width: 95%;
}

/*----- / toolStrip -----
===== loginTeaser =====*/

#login_container.teaser  {
 font-size: 0.66em;
 color: #777;
 float: right;
 width: 40%;
 margin: 0 12px;
 padding-bottom: 0;
}


.mainContentContainer #login_container.teaser  {
 font-size: 1em;
 float: none;
 width: auto;
}


#login_container.teaser form.formNormal .rememberMeWrapper a  {
 float: none;
 background: none;
 border: 1px solid #FFF;
}


#login_container.teaser form.formNormal label  {
 background-image: none;
 margin-bottom: 3px;
 font-weight: bold;
 width: 30%;
 padding-left: 0;
}


#login_container.teaser form.formNormal input  {
 width: 64%;
 padding: 0;
}


#login_container.teaser form.formNormal input.standardButton  {
 float: right;
 margin-right: 1px;
 width: auto;
}


#login_container.teaser form.formNormal a.toggleTerms  {
 display: block;
 float: left;
 color: #777;
 text-decoration: underline;
}


#login_container.teaser form.formNormal div.fldsep  {
 padding: 0;
 margin: 0;
}


#login_container.teaser form.formNormal fieldset  {
 padding: 6px 12px;
 margin: 0;
 display: none;
}


#login_container.teaser form.formNormal legend  {
 font: bold 1em Arial, Helvetica, sans-serif;
 text-transform: uppercase;
 color: #CDCDCD;
 padding: 0 6px;
 margin: 0 0 6px;
}


#login_container.teaser form.formNormal .rememberMeWrapper  {
 margin-top: -1.8em;
 display: block;
 float: left;
 z-index: 100;
}


#login_container.teaser form.formNormal .rememberMeWrapper p  {
 padding: 4px 0;
}


#login_container.teaser form.formNormal .rememberMeWrapper label,
#login_container.teaser form.formNormal .rememberMeWrapper input  {
 width: auto;
 padding: 0;
}


#login_container.teaser #memberLoginTeaser.formNormal input  {
 margin-bottom: 3px;
 padding: 0 6px;
}


#login_container.teaser form.formNormal .rememberMeWrapper label  {
 font-weight: normal;
}

/*===== /loginTeaser =====
===  T09.01 login_getAccount ===*/

div.userFunctionsContainer  {
 margin: 0 6px;
}


.userFunctionsContainer p  {
 padding: 0 0 8px;
}


.userFunctionsContainer .quality  {
 margin: 0 0 12px;
 padding: 0;
 float: left;
 width: 100%;
}


.userFunctionsContainer .quality span  {
 color: #666666;
}


.userFunctionsContainer .quality span.good  {
 float: right;
 display: block;
 background: url(/img-common/myPage_sprite.png) no-repeat 1.2em -1.3em;
 padding-right: 20px;
}


.userFunctionsContainer .quality span.poor  {
 float: left;
 display: block;
 background: url(/img-common/myPage_sprite.png) no-repeat -0.6em 0em;
 padding-left: 20px;
}


.userFunctionsContainer #passwordStrengthMeterContainer  {
 height: 15px;
 border: 1px solid #DDD;
 margin-bottom: 6px;
}


.userFunctionsContainer #passwordStrengthMeterContainer,
.userFunctionsContainer #passwordStrengthMeter  {
 height: 13px;
}


.userFunctionsContainer .percentage0  {
 width: 2%;
 background-color: #FF0000;
}


.userFunctionsContainer .percentage20  {
 width: 20%;
 background-color: #FF0000;
}


.userFunctionsContainer .percentage40  {
 width: 40%;
 background-color: #FFA500;
}


.userFunctionsContainer .percentage60  {
 width: 60%;
 background-color: #FFFF00;
}


.userFunctionsContainer .percentage80  {
 width: 80%;
 background-color: #FFFF00;
}


.userFunctionsContainer .percentage100  {
 width: 100%;
 background-color: #008000;
}


div#login_container #infoMailWrapper label  {
 width: 300px;
}


div#login_container #registrationTermsContainer label,
div.modalWindow #registrationTermsContainer label  {
 position: absolute;
 width: 2px;
 padding-left: 200px;
 left: -9999px;
 font-size: 0px;
 color: #FFFFFF;
 background-image: none;
}

/*=== / T09.01 login_getAccount ===
===  T09.01 login_confirm ===*/

#login_container.confirm h3  {
 font-weight: bold;
 font-size: 1em;
 padding-bottom: 4px;
}


#login_container.confirm p  {
 font-size: 1em;
}

/*===  /T09.01 login_confirm ===
===  T09.01 login_finish ===*/

#login_container.finish ul.welcomLinks li a  {
 padding: 2px 0 2px 12px;
 margin-bottom: 1px;
 background: transparent url(/img-common/bg_link.gif) no-repeat left 3px;
}

/*===  /T09.01 login_finish ===
===  T09.01 login_forgotPassword ===*/

#login_container.forgotten_password .box input  {
 width: 200px;
 padding: 2px 2px 2px 8px;
 border: 1px solid #AAA;
 background: #FFF;
 float: left;
}

/*===  /T09.01 login_forgotPassword ===
===  T09.01 login_getAccount ===*/

#login_container.get_account .txtSubScriberNo  {
 margin: 0 0 12px;
}

/*=== /T09.01 login_getAccount ===
===  T09.01 login_editAccount ===*/

#login_container.get_account a.standardButton.interrupt  {
 margin-right: 12px;
 display: block;
}


#login_container.get_account p.textField_info  {
 padding: 0 12px 5px;
 text-align: left;
 clear: both;
}

/*===  /T09.01 login_editAccount ===
===  T09.01 memberLoginTeaser ===*/

#memberLoginTeaser.formNormal .txtUID,
#memberLoginTeaser.formNormal .txtPSW  {
 margin-bottom: 6px;
}


.mainColumn #memberLoginTeaser.formNormal .txtUID,
.mainColumn #memberLoginTeaser.formNormal .txtPSW  {
 margin-bottom: 6px;
 width: 230px;
}


.mainColumn #memberLoginTeaser.formNormal .standardButton  {
 margin-right: 20px;
}


.extraColumn #memberLoginTeaser.formNormal .rememberMeWrapper a.toggleTerms  {
 display: block;
 clear: both;
 float: left;
 display: block;
 margin: 6px 0 6px 16px;
 white-space: nowrap;
}


#memberLoginTeaser.formNormal .rememberMeWrapper .toggableTerms p  {
 padding: 6px 6px 0 16px;
}

/*===  /T09.01 memberLoginTeaser ===
============================== T20.01 - Tag cloud ==============================*/

.tagCloudContainer  {
 clear: both;
}


.tagCloudContainer h4  {
 font-size: 1.6em;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 padding: 0 0 6px;
 color: #7E7E7E;
}


.tagCloudContainer p  {
 font: bold 1em Arial, Helvetica, sans-serif;
 border: 5px solid #E8E8E8;
 padding: 12px;
 margin-bottom: 10px;
}


.tagCloudContainer a:link,
.tagCloudContainer a:visited  {
 color: #C6C6C6;
 white-space: nowrap;
}


.tagCloudContainer a.tagWeight-1  {
 font-size: 120%;
}


.tagCloudContainer a.tagWeight-2  {
 font-size: 140%;
}


.tagCloudContainer a.tagWeight-3  {
 font-size: 160%;
}


.tagCloudContainer a.tagWeight-4  {
 font-size: 180%;
}


.tagCloudContainer a.tagWeight-5  {
 font-size: 200%;
}


.tagCloudContainer a.tagWeight-6  {
 font-size: 220%;
}

/*============================== /T20.01 - Tag cloud ==============================
============================== T10.11 ==========================================

======================== T10.11 - Visa TV-Guide ========================

1.COMMON
2.VIEWS

*/

div.tvGuideWrapper div.toolstrip  {
 width: 93.5%;
 float: left;
 border: 6px solid #E8E8E8;
 padding: 2em 2em 1em;
 margin-bottom: 1em;
}


.mainColumn div.tvGuideWrapper h6  {
 padding: 5px 12px;
 font-weight: bold;
 float: left;
 background-color: #E8E8E8;
}


div.tvGuideWrapper div.toolstrip dl,
div.tvGuideWrapper div.toolstrip form,
div.tvGuideWrapper div.toolstrip div.myPagesNav  {
 float: left;
 height: 4em;
 width: 26%;
 background: #E8E8E8;
 padding: 12px 18px;
}


div.tvGuideWrapper div.toolstrip div.myPagesNav  {
 width: 32%;
}


div.tvGuideWrapper div.toolstrip form fieldset  {
 border: none;
 padding: 0;
 margin: 0;
}


div.tvGuideWrapper dl.categoryKey dt,
div.tvGuideWrapper dl.categoryKey dd  {
 display: inline;
}


div.tvGuideWrapper div.channelGroupWrapper  {
 clear: left;
 width: 99%;
 float: left;
 border: 6px solid #E8E8E8;
 margin-bottom: 1em;
 padding-bottom: 1em;
 display: inline;
}


div.tvGuideWrapper div.channelGroupWrapper div.channelWrapper  {
 float: left;
 width: 27%;
 margin-left: 3%;
 margin-top: 1em;
 display: inline;
}


div.tvGuideWrapper div.channelGroupWrapper h3  {
 border-bottom: 5px solid #E8E8E8;
 font-weight: bold;
 padding: 0.6em 0pt 0.4em 2.6em;
 margin-bottom: 1em;
 background-image: url(/img-common/tvTableSprite.gif);
 background-repeat: no-repeat;
}


div.tvGuideWrapper div.channelGroupWrapper div.channelWrapper h3 span  {
 vertical-align: bottom;
}


div.tvGuideWrapper div.currentView  {
 display: none;
}


div.tvGuideWrapper div.toolstrip div.myPagesNav ul.tabs li  {
 display: inline;
 background: transparent url(/img-common/bg_link.gif) no-repeat scroll right 2px;
}


div.tvGuideWrapper div.toolstrip div.myPagesNav ul.tabs li.selected  {
 padding-right: 1.5em;
}


div.tvGuideWrapper div.toolstrip div.myPagesNav li strong  {
 font-weight: normal;
}


div.tvGuideWrapper h5,
div.tvGuideWrapper form.formNormal label  {
 font-weight: bold;
 padding-bottom: 0.2em;
}


div.tvGuideWrapper form.formNormal label  {
 display: block;
}


div.tvGuideWrapper div.channelWrapper span.dtend  {
 display: none;
}


div.tvGuideWrapper div.channelWrapper tr.event-finished  {
 color: #AAA;
}


div.tvGuideWrapper div.channelWrapper tr.event-ongoing  {
 color: #F00;
}


div.tvGuideWrapper div.channelWrapper tr.event-ongoing td  {
 font-weight: bold;
}


div.tvGuideWrapper div.bottom  {
 display: none;
}


div.tvGuideWrapper div.channelWrapper thead  {
 display: none;
}


div.tvGuideWrapper td.summary  {
 padding-left: 0.5em;
 background: none;
}


div.tvGuideWrapper div.channelWrapper h3  {
 color: #000;
 background-color: #FFF;
}


div.tvGuideWrapper div.channelWrapper tr td.time  {
 padding-left: 15px;
}


div.tvGuideWrapper div.channelWrapper tr.sp td.time  {
 background: url(/img-common/labelTVsport.png) no-repeat 0 1px;
}


div.tvGuideWrapper div.channelWrapper tr.lf td.time  {
 background: url(/img-common/labelTVfilm.png) no-repeat 0 1px;
}


div.tvGuideWrapper div.channelWrapper tr.ny td.time  {
 background: url(/img-common/labelTVnews.png) no-repeat 0 1px;
}


div.tvGuideWrapper dl.categoryKey  {
 padding-top: 1em;
}


div.tvGuideWrapper dl.categoryKey dd  {
 padding-right: 0.5em;
}


div.tvGuideWrapper div.toolstrip div.myPagesNav a  {
 padding-right: 1.4em;
}

/*
** Icons tv channels
*/

div.tvGuideWrapper div.svt1 h3  {
 background-position: 0 2px;
}


div.tvGuideWrapper div.svt2 h3  {
 background-position: 0 -28px;
}


div.tvGuideWrapper div.tv3_sverige h3  {
 background-position: 0 -58px;
}


div.tvGuideWrapper div.tv4 h3  {
 background-position: 0 -88px;
}


div.tvGuideWrapper div.tv4_plus h3  {
 background-position: 0 -118px;
}


div.tvGuideWrapper div.tv4_film h3  {
 background-position: 0 -148;
}


div.tvGuideWrapper div.tv400 h3  {
 background-position: 0 -178px;
}


div.tvGuideWrapper div.tv4_fakta h3  {
 background-position: 0 -208px;
}


div.tvGuideWrapper div.tv4_guld h3  {
 background-position: 0 -238px;
}


div.tvGuideWrapper div.tv4_komedi h3  {
 background-position: 0 -268px;
}


div.tvGuideWrapper div.tv4_sport h3  {
 background-position: 0 298px;
}


div.tvGuideWrapper div.kanal5 h3  {
 background-position: 0 -328px;
}


div.tvGuideWrapper div.tv6 h3  {
 background-position: 0 -358px;
}


div.tvGuideWrapper div.aftonbladet_tv7 h3  {
 background-position: 0 -388px;
}


div.tvGuideWrapper div.tv8 h3  {
 background-position: 0 -418px;
}


div.tvGuideWrapper div.kanal9 h3  {
 background-position: 0 -448px;
}


div.tvGuideWrapper div.viasat_nature_crime h3  {
 background-position: 0 -478px;
}


div.tvGuideWrapper div.ztv h3  {
 background-position: 0 -508px;
}


div.tvGuideWrapper div.mtv h3  {
 background-position: 0 -538px;
}


div.tvGuideWrapper div.vh1 h3  {
 background-position: 0 -568px;
}


div.tvGuideWrapper div.canal_plus_first h3  {
 background-position: 0 -598px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_hits h3  {
 background-position: 0 -628px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_action h3  {
 background-position: 0 -658px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_drama h3  {
 background-position: 0 -688px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_comedy h3  {
 background-position: 0 -718px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_sport_extra h3  {
 background-position: 0 -748px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_film_hd h3  {
 background-position: 0 -778px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_sport_hd h3  {
 background-position: 0 -808px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_hits_sport_weekend h3  {
 background-position: 0 -628px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_sport_1 h3  {
 background-position: 0 -838px;
 padding-left: 72px;
}


div.tvGuideWrapper div.canal_plus_sport_2 h3  {
 background-position: 0 -868px;
 padding-left: 72px;
}


div.tvGuideWrapper div.tv1000 h3  {
 background-position: 0 -898px;
}


div.tvGuideWrapper div.bbc_prime h3  {
 background-position: 0 -928;
}


div.tvGuideWrapper div.bbc_world h3  {
 background-position: 0 -958px;
}


div.tvGuideWrapper div.cnn h3  {
 background-position: 0 -988px;
}


div.tvGuideWrapper div.discovery h3  {
 background-position: 0 -1018px;
}


div.tvGuideWrapper div.discovery_civilisation h3  {
 background-position: 0 -1048px;
 padding-left: 58px;
}


div.tvGuideWrapper div.discovery_science h3  {
 background-position: 0 -1078px;
}


div.tvGuideWrapper div.discovery_travel_living h3  {
 background-position: 0 -1108px;
}


div.tvGuideWrapper div.animal_planet h3  {
 background-position: 0 -1138px;
}


div.tvGuideWrapper div.dr_1 h3  {
 background-position: 0 -1168px;
}


div.tvGuideWrapper div.dr_2 h3  {
 background-position: 0 -1198px;
}


div.tvGuideWrapper div.eurosport h3  {
 background-position: 0 -1228px;
}


div.tvGuideWrapper div.viasatsport_1 h3  {
 background-position: 0 -1258px;
}


div.tvGuideWrapper div.viasatsport_2 h3  {
 background-position: 0 -1198px;
}


div.tvGuideWrapper div.viasatsport_3 h3  {
 background-position: 0 -1318px;
}


div.tvGuideWrapper div.hallmark h3  {
 background-position: 0 -1348px;
}


div.tvGuideWrapper div.tcm h3  {
 background-position: 0 -1378px;
}


div.tvGuideWrapper div.nickelodeon h3  {
 background-position: 0 -1408px;
}


div.tvGuideWrapper div.cartoon_network h3  {
 background-position: 0 -1438px;
}


div.tvGuideWrapper div.travel h3  {
 background-position: 0 -1468px;
}


div.tvGuideWrapper div.disney_channel h3  {
 background-position: 0 -1440px;
}


div.tvGuideWrapper div.barnkanalen h3  {
 background-position: 0 -1528px;
}


div.tvGuideWrapper div.tv1000_action h3  {
 background-position: 0 -1558px;
}


div.tvGuideWrapper div.tv1000_classic h3  {
 background-position: 0 -1588px;
}


div.tvGuideWrapper div.tv1000_family h3  {
 background-position: 0 -1618px;
}


div.tvGuideWrapper div.tv1000_nordic h3  {
 background-position: 0 -1648px;
}


div.tvGuideWrapper div.svt_24 h3  {
 background-position: 0 -1678px;
}


div.tvGuideWrapper div.kunskapskanalen h3  {
 background-position: 0 -1708px;
}


div.tvGuideWrapper div.showtime h3  {
 background-position: 0 -1738px;
}

/*
** There are no icons for these yet
*/

div.tvGuideWrapper div.the_voice_tv h3  {
 background: none;
}


div.tvGuideWrapper div.viasat_history h3  {
 background: none;
}


div.tvGuideWrapper div.danmark_tv2 h3  {
 background: none;
}


div.tvGuideWrapper div.tv3_danmark h3  {
 background: none;
}


div.tvGuideWrapper div.finland_tv1 h3  {
 background: none;
}


div.tvGuideWrapper div.finland_tv2 h3  {
 background: none;
}


div.tvGuideWrapper div.finland_mtv3 h3  {
 background: none;
}


div.tvGuideWrapper div.finland_tvf h3  {
 background: none;
}


div.tvGuideWrapper div.nrk1 h3  {
 background: none;
}


div.tvGuideWrapper div.nrk2 h3  {
 background: none;
}


div.tvGuideWrapper div.tv2_norge h3  {
 background: none;
}


div.tvGuideWrapper div.tv3_norge h3  {
 background: none;
}


div.tvGuideWrapper div.tvnorge h3  {
 background: none;
}


div.tvGuideWrapper div.rtl h3  {
 background: none;
}


div.tvGuideWrapper div.rtl2 h3  {
 background: none;
}


div.tvGuideWrapper div.sat1 h3  {
 background: none;
}


div.tvGuideWrapper div.tv3_sat h3  {
 background: none;
}


div.tvGuideWrapper div.vox h3  {
 background: none;
}


div.tvGuideWrapper div.zdf h3  {
 background: none;
}


div.tvGuideWrapper div.ticket_1 h3  {
 background: none;
}


div.tvGuideWrapper div.viasat_explorer h3  {
 background: none;
}


div.tvGuideWrapper div.tv3_plus h3  {
 background: none;
}


div.tvGuideWrapper div.toon_disney h3  {
 background: none;
}


div.tvGuideWrapper div.playboy h3  {
 background: none;
}


div.tvGuideWrapper div.star h3  {
 background: none;
}


div.tvGuideWrapper div.national_geographic h3  {
 background: none;
}

/*
** Teaser
*/

.tvGuideTeaser  {
 background-color: #E8E8E8;
 padding: 6px;
 width: auto;
}


.tvGuideTeaser li span  {
 display: block;
 text-indent: -9999px;
 width: 12px;
 height: 12px;
 overflow: hidden;
 float: left;
 margin-left: -18px;
}

/*
** IE6 specific hack because of the double margin bug.
*/

* html .tvGuideTeaser li span  {
 margin-left: -9px;
}


.tvGuideTeaser ul  {
 padding-top: 4px;
 padding-left: 0px;
}


.tvGuideTeaser ul li  {
 margin: 2px 0;
 padding-left: 18px;
}


div.tvGuideTeaser h3  {
 background-color: #000;
 color: #FFF;
 padding: 3px 0pt 0.2em 0.4em;
 font-size: 1em;
 font-weight: bold;
}

/*
** Icons tv channels
*/

div.tvGuideTeaser li span  {
 background-image: url(/img-common/tvTableSpriteTiny.gif);
 background-repeat: no-repeat;
/*outline: 1px solid teal;*/
}


div.tvGuideTeaser li.svt1 span  {
 background-position: 0 0;
}


div.tvGuideTeaser li.svt2 span  {
 background-position: -12px 0;
}


div.tvGuideTeaser li.tv3_sverige span  {
 background-position: -24px 0;
}


div.tvGuideTeaser li.tv4 span  {
 background-position: -36px 0;
}


div.tvGuideTeaser li.tv4_plus span  {
 background-position: -48px 0;
}


div.tvGuideTeaser li.tv4_film span  {
 background-position: -60px 0;
}


div.tvGuideTeaser li.tv400 span  {
 background-position: -72px 0;
}


div.tvGuideTeaser li.tv4_fakta span  {
 background-position: -84px 0;
}


div.tvGuideTeaser li.tv4_guld span  {
 background-position: -96px 0;
}


div.tvGuideTeaser li.tv4_komedi span  {
 background-position: -108px 0;
}


div.tvGuideTeaser li.tv4_sport span  {
 background-position: 0 -12px;
}


div.tvGuideTeaser li.kanal5 span  {
 background-position: -12px -12px;
}


div.tvGuideTeaser li.tv6 span  {
 background-position: -24px -12px;
}


div.tvGuideTeaser li.aftonbladet_tv7 span  {
 background-position: -36px -12px;
}


div.tvGuideTeaser li.tv8 span  {
 background-position: -48px -12px;
}


div.tvGuideTeaser li.kanal9 span  {
 background-position: -60px -12px;
}


div.tvGuideTeaser li.viasat_nature_crime span  {
 background-position: -72px -12px;
}


div.tvGuideTeaser li.ztv span  {
 background-position: -84px -12px;
}


div.tvGuideTeaser li.mtv span  {
 background-position: -96px -12px;
}


div.tvGuideTeaser li.vh1 span  {
 background-position: -108px -12px;
}


div.tvGuideTeaser li.canal_plus_first span  {
 background-position: 0 -24px;
}


div.tvGuideTeaser li.canal_plus_hits span  {
 background-position: -12px -24px;
}


div.tvGuideTeaser li.canal_plus_action span  {
 background-position: -24px -24px;
}


div.tvGuideTeaser li.canal_plus_drama span  {
 background-position: -36px -24px;
}


div.tvGuideTeaser li.canal_plus_comedy span  {
 background-position: -48px -24px;
}


div.tvGuideTeaser li.canal_plus_sport_extra span  {
 background-position: -60px -24px;
}


div.tvGuideTeaser li.canal_plus_film_hd span  {
 background-position: -72px -24px;
}


div.tvGuideTeaser li.canal_plus_sport_hd span  {
 background-position: -84px -24px;
}


div.tvGuideTeaser li.canal_plus_hits_sport_weekend span  {
 background-position: -96px -24px;
}


div.tvGuideTeaser li.canal_plus_sport_1 span  {
 background-position: -108px -24px;
}


div.tvGuideTeaser li.canal_plus_sport_2 span  {
 background-position: -108px -24px;
}


div.tvGuideTeaser li.tv1000 span  {
 background-position: 0 -36px;
}


div.tvGuideTeaser li.bbc_prime span  {
 background-position: -12px -36px;
}


div.tvGuideTeaser li.bbc_world span  {
 background-position: -24px -36px;
}


div.tvGuideTeaser li.cnn span  {
 background-position: -36px -36px;
}


div.tvGuideTeaser li.discovery span  {
 background-position: -48px -36px;
}


div.tvGuideTeaser li.discovery_civilisation span  {
 background-position: -60px -36px;
}


div.tvGuideTeaser li.discovery_science span  {
 background-position: -72px -36px;
}


div.tvGuideTeaser li.discovery_travel_living span  {
 background-position: -84px -36px;
}


div.tvGuideTeaser li.animal_planet span  {
 background-position: -96px -36px;
}


div.tvGuideTeaser li.dr_1 span  {
 background-position: -108px -36px;
}


div.tvGuideTeaser li.dr_2 span  {
 background-position: 0 -48px;
}


div.tvGuideTeaser li.eurosport span  {
 background-position: -12px -48px;
}


div.tvGuideTeaser li.viasatsport_1 span  {
 background-position: -24px -48px;
}


div.tvGuideTeaser li.viasatsport_2 span  {
 background-position: -36px -48px;
}


div.tvGuideTeaser li.viasatsport_3 span  {
 background-position: -48px -48px;
}


div.tvGuideTeaser li.hallmark span  {
 background-position: -60px -48px;
}


div.tvGuideTeaser li.tcm span  {
 background-position: -72px -48px;
}


div.tvGuideTeaser li.nickelodeon span  {
 background-position: -84px -48px;
}


div.tvGuideTeaser li.cartoon_network span  {
 background-position: -96px -48px;
}


div.tvGuideTeaser li.travel span  {
 background-position: -108px -48px;
}


div.tvGuideTeaser li.disney_channel span  {
 background-position: 0 -60px;
}


div.tvGuideTeaser li.barnkanalen span  {
 background-position: -12px -60px;
}


div.tvGuideTeaser li.tv1000_action span  {
 background-position: -24px -60px;
}


div.tvGuideTeaser li.tv1000_classic span  {
 background-position: -36px -60px;
}


div.tvGuideTeaser li.tv1000_family span  {
 background-position: -48px -60px;
}


div.tvGuideTeaser li.tv1000_nordic span  {
 background-position: -60px -60px;
}


div.tvGuideTeaser li.svt_24 span  {
 background-position: -72px -60px;
}


div.tvGuideTeaser li.kunskapskanalen span  {
 background-position: -84px -60px;
}


div.tvGuideTeaser li.showtime span  {
 background-position: -96px -60px;
}

/*
** There are no icons for these yet
*/

div.tvGuideTeaser li.the_voice_tv span  {
 background: none;
}


div.tvGuideTeaser li.viasat_history span  {
 background: none;
}


div.tvGuideTeaser li.danmark_tv2 span  {
 background: none;
}


div.tvGuideTeaser li.tv3_danmark span  {
 background: none;
}


div.tvGuideTeaser li.finland_tv1 span  {
 background: none;
}


div.tvGuideTeaser li.finland_tv2 span  {
 background: none;
}


div.tvGuideTeaser li.finland_mtv3 span  {
 background: none;
}


div.tvGuideTeaser li.finland_tvf span  {
 background: none;
}


div.tvGuideTeaser li.nrk1 span  {
 background: none;
}


div.tvGuideTeaser li.nrk2 span  {
 background: none;
}


div.tvGuideTeaser li.tv2_norge span  {
 background: none;
}


div.tvGuideTeaser li.tv3_norge span  {
 background: none;
}


div.tvGuideTeaser li.tvnorge span  {
 background: none;
}


div.tvGuideTeaser li.rtl span  {
 background: none;
}


div.tvGuideTeaser li.rtl2 span  {
 background: none;
}


div.tvGuideTeaser li.sat1 span  {
 background: none;
}


div.tvGuideTeaser li.tv3_sat span  {
 background: none;
}


div.tvGuideTeaser li.vox span  {
 background: none;
}


div.tvGuideTeaser li.zdf span  {
 background: none;
}


div.tvGuideTeaser li.ticket_1 span  {
 background: none;
}


div.tvGuideTeaser li.viasat_explorer span  {
 background: none;
}


div.tvGuideTeaser li.tv3_plus span  {
 background: none;
}


div.tvGuideTeaser li.toon_disney span  {
 background: none;
}


div.tvGuideTeaser li.playboy span  {
 background: none;
}


div.tvGuideTeaser li.star span  {
 background: none;
}


div.tvGuideTeaser li.national_geographic span  {
 background: none;
}

/*tvGuideSettings*/

.tvGuideSettings label  {
 display: block;
 float: left;
 margin: 4px 0;
 padding-left: 18px;
 text-indent: -18px;
}


div.tvGuideSettings h3  {
 font-size: 2.2em;
}


div.tvGuideSettings form#TvGuideSettings h3  {
 font-size: 1.5em;
}


div.tvGuideSettings form#TvGuideSettings .fldsep.chk input  {
 margin-bottom: 0;
}


.tvGuideSettings input.chk  {
 margin-right: 4px;
}


.std4colLayout .tvGuideSettings label,
.Cols-Main_Nav_Extra_Ad .tvGuideSettings label  {
 width: 76px;
}


.std3colLayout .tvGuideSettings label,
.Cols-Main_Extra_Ad .tvGuideSettings label  {
 width: 82px;
}


.std2colLayout .tvGuideSettings label,
.Cols-Main_Ad .tvGuideSettings label  {
 width: 155px;
}

/*==============================/ T10.11 ====================================
=================  TXX.XX - Blaeddra mellan sidor vid loenga listor ===============

/(Tid 1.7 - ScrollerLinks anv  T0619 )
 */

div.scrollerlinks,
div.searchResultPagesControl  {
 text-align: center;
 color: #000;
 font-weight: bold;
 padding: 4px 4px 6px;
 margin: 0 0 12px;
 display: block;
 clear: both;
}


.mainColumn div.scrollerlinks a,
.mainColumn div.scrollerlinks a:visited,
.mainContentContainer div.searchResultPagesControl a,
.mainContentContainer div.searchResultPagesControl a a:visited,
.mainContentContainer div.searchResultPagesControl ul li a:link,
.mainContentContainer div.searchResultPagesControl ul li a:visited  {
 color: #555441;
 font-weight: bold;
 padding: 8px 12px;
 margin: 0 1px;
 background: #DFDCC3;
}


.mainColumn div.scrollerlinks b,
#searchResult .searchResultPagesControl .label  {
 font-weight: bold;
 padding: 4px 12px;
 margin: 0 1px;
}


#searchResult .searchResultPagesControl .label  {
 text-align: center;
 float: none;
 clear: both;
 display: block;
 height: 0;
 color: #555441;
}

/*
/(Tid 1.7 ScrollerLinks )

enl T0601
/

/*search result*/

div.myPageWrapper .searchResultPagesControl  {
 margin: 12px 0;
 height: 2.1em;
 padding: 2px 12px;
}


div.myPageWrapper .searchResultPagesControl a  {
 display: block;
}


div.myPageWrapper .searchResultPagesControl div.label  {
 padding-top: 4px;
 display: block;
}


.searchResultPagesControl .page_first,
.searchResultPagesControl .page_previous  {
 float: left;
 font-size: 1em;
 font-weight: bold;
 padding: 2px 6px;
 margin-left: 12px;
}


.searchResultPagesControl .page_next,
.searchResultPagesControl .page_last  {
 float: right;
 font-size: 1em;
 font-weight: bold;
 padding: 2px 6px;
 margin-right: 12px;
}

/*==T04.09 - sidbladdring soksidor==*/

div#searchResult a.search_home,
div#searchResult a.search_back  {
 float: left;
}


div#searchResult a.search_forward,
div#searchResult a.search_fastforward  {
 float: right;
}

/*==/T04.09 - sidbladdring soksidor==

** T06.11
*/

div.photoSearchWrapper a.photoUploadLink  {
 float: right;
}


div.photoSearchWrapper div.pagination  {
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}


div.photoSearchWrapper ol.searchResult  {
 float: left;
 width: 100%;
 padding-top: 1em;
}


div.photoSearchWrapper ol.searchResult li  {
 width: 100%;
 float: left;
 clear: left;
 padding-bottom: 1em;
}


div.photoSearchWrapper form.formSearch fieldset.timeFrameDates select  {
 margin-bottom: 1em;
}


div.photoSearchWrapper ol.searchResult li img.thumbnail  {
 width: 85px;
 height: 65px;
 background-color: #ECFFB3;
 float: left;
}


div.photoSearchWrapper ol.searchResult li div.description  {
 float: left;
 padding-left: 1em;
}


div.photoSearchWrapper form fieldset.radiobuttongroup div.fldSep  {
 width: 45%;
 float: left;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch  {
 width: 45%;
 float: left;
 padding-bottom: 2em;
}


div.photoSearchWrapper select.selAlbum  {
 width: 100%;
 margin-bottom: 0.5em;
}


div.photoSearchWrapper form.formSearch fieldset.timeFrameChooser  {
 width: 45%;
 float: right;
}


div.photoSearchWrapper form.formSearch fieldset.timeFrameDates  {
 float: right;
 clear: right;
}


div.photoSearchWrapper form fieldset.radiobuttongroup div.fldSep input,
div.photoSearchWrapper form fieldset.radiobuttongroup div.fldSep label  {
 display: inline;
}


div.photoSearchWrapper form div.TxtQuery  {
 padding-bottom: 1em;
}


div.photoSearchWrapper div.pagination  {
 width: 100%;
 float: left;
 padding-top: 0.5em;
}


div.photoSearchWrapper div.pagination p,
div.photoSearchWrapper div.pagination div  {
 width: 33%;
 float: left;
}


div.photoSearchWrapper div.pagination p  {
 text-align: center;
}


div.photoSearchWrapper div.pagination div.forwardLinks  {
 text-align: right;
}


div.photoSearchWrapper p.tagCloud  {
 clear: both;
 width: 60%;
}


div.photoSearchWrapper p.tagCloud a  {
 display: inline;
}


div.photoSearchWrapper div.results  {
 padding-top: 2em;
 border-top: 1px solid #999;
}


div.photoSearchWrapper fieldset.SortBy  {
 padding-bottom: 3em;
 clear: left;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates  {
 text-align: right;
 padding-top: 2em;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates p,
div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates select  {
 display: inline;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates select.selStartDateYear,
div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates select.selStopDateYear  {
 margin-left: 1em;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates select.selStartDateDay,
div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates select.selStopDateDay  {
 margin-right: 15%;
}


div.photoSearchWrapper form.formSearch fieldset.formSearch.timeFrameDates p  {
}


div.photoSearchWrapper div.toolStrip  {
 float: right;
 clear: right;
}

/*
** Slut pa T06.11

FOOTER*/

#footer  {
 background: transparent url(/img/hati/bg_paperFooter.png) no-repeat scroll left bottom;
 height: 113px;
 padding: 24px 0 0 14px;
 line-height: 1.4;
 font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
 color: #404040;
 width: 771px;
}


#footer .pageBlockContainer .pageBlock.column5050.column1 h2 a span  {
 display: block;
 text-indent: -9999px;
 visibility: hidden;
 width: 333px;
}


.pageBlockContainer .pageBlock.column5050  {
 width: 50%;
 float: left;
 overflow: hidden;
}


#mainWrapper #footer .pageBlockContainer .pageBlock.column5050.column2  {
/*-x-system-font:none;*/
 color: #000000;
 font-family: "comic sans ms";
 font-size: 1.2em;
 font-size-adjust: none;
 font-stretch: normal;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 line-height: normal;
 width: 48%;
}


#footer .pageBlockContainer .pageBlock.column5050.column2 ul  {
 float: left;
 margin: 0 20px 0 0;
}


#footer .pageBlockContainer .pageBlock.column5050.column2 p  {
 clear: both;
 color: #000000;
 padding: 10px 0 0;
}


#footer .pageBlockContainer .pageBlock.column5050.column2 p  {
 color: #000000;
}


#footer .pageBlockContainer .pageBlock.column5050.column2 a.email  {
 background: transparent url(/img/hati/line_email.png) no-repeat scroll left bottom;
 color: #000000;
 display: block;
 float: left;
 padding: 0 4px 3px;
 text-decoration: none;
}


#footer .pageBlockContainer .pageBlock.column5050.column2 a.chef  {
 background: transparent url(/img/hati/line_chef.png) no-repeat scroll left bottom;
 color: #000000;
 padding: 0 4px 1px;
 text-decoration: none;
}

/*/FOOTER*/

#userForm  {
 padding: 10px;
 background: #FFF;
}

/*@group lasartexter*/

div#mainWrapper.lasartexter_department div#lasartexter_departmentHeader  {
 padding: 0 0 2px;
 margin: 0 0 9px;
 background: url(/img/hati/bg_stripesVertical.png) repeat-x 0 100%;
}


div#mainWrapper.lasartexter_department div#lasartexter_departmentHeader h2  {
 background: #DFDCC3 url(/img/hati/bg_lasartexter.png) no-repeat 0 0;
 padding: 12px 54px 8px;
 font: normal 1.6em/1 Arial, sans-serif;
}

/*@end lasartexter*/



/* 1.7 Fixes */
#startpageContainer .articleTeaser .imageCaption {
	display: none;
}

#startpageContainer .articleTeaser .richText .location {
	display: none;
}

#startpageContainer .articleTeaser .richText {
 padding: 5px 10px 10px 10px;
}
/* /1.7 Fixes */