﻿
/* Microsoft sharepoint classes */

Body
{
    overflow: auto !important;
    font-family: Arial;
    background-image: url(/_layouts/Images/SoS.KP.Branding/bg.png);
    background-repeat: repeat-x;
}

form
{
    width: 970px;
    margin-left: auto;
    margin-right: auto;
}

#sos-s4-workspace
{
}
.sos-WPTopImage img
{
    margin-bottom: 6px;
    max-width: 286px;
}

body #s4-mainarea
{
    background: url("/_layouts/Images/SoS.KP.Branding/fade-bg.png") repeat-y scroll 0 0 transparent;
    margin-left: -9px;
    padding: 0 9px 15px 9px;
    width: 970px;
}

body #s4-topheader2
{
    background-color: #fff;
    border: 0px;
}

body #s4-ribboncont
{
    background-image: none;
}

.ms-cui-topBar2
{
    border: none;
}

body #s4-ribbonrow
{
    background-color: #7f7f7f; /*transparent*/
}

.s4-titlelogo
{
    text-align: left;
    padding: 20px 0px 20px 11px;
    height: 63px;
    width: 380px;
}

.s4-tn
{
    font-size: 14px;
}

.s4-breadcrumb-anchor
{
    /*display : none */
}

.s4-tn li.static > a:hover
{
    color: #fff !important;
}

.s4-rp DIV
{
    display: block;
}

.s4-title
{
    background-color: #fff;
}
.s4-toplinks .s4-tn A.selected
{
    margin: 0px 1px 0px 0px;
}

.s4-toplinks .s4-tn A
{
    margin: 0px 1px 0px 0px;
    font-family: Arial;
}

.s4-tn LI.static > .menu-item
{
    color: #fff;
    border: 0px;
    font-family: Arial;
    padding: 0px 4px 0px 0px;
    background-color: #fff;
    height: 30px !important;
}

.s4-tn LI.static > .menu-item:hover
{
    text-decoration: underline;
}


.s4-widecontentarea
{
    background-color: #fff;
}

.s4-help
{
    display: none;
}

.s4-search Input
{
    width: 250px !important;
    border: none !important;
    background: none;
}

.ms-wpTdSpace
{
    border: none;
}

.ms-WPHeader TD
{
    border-bottom: none !important;
}

h1.ms-rteElement-H1 {
    color: #333;
    font-size: 21px;
    font-weight: normal;
}

.ms-WPTitle
{
    font-size: 18px;
    font-weight: normal;
    font-family: Arial;
}

.WebPartAreaMain .ms-WPTitle
{
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-top: 0;
    line-height: 24px;
}

.QuickSearchArea
{
    display: block;
    height: 90%;
}

.ms-WPBody
{
    font-family: Arial;
    margin: 0px 0px 0px 0px;
}

.sos-EBPSectionStartNavZone .ms-WPBody
{
    font-family: Arial;
    margin: 4px 0px 0px 0px;
}


.ms-WPHeaderTdMenu
{
    border: 0px;
}

.menu-item-text
{
    padding: 8px 10px 8px 10px;
}

.additional-background.fa.fa-home.fa-2x.sos-homeButton {
    padding: 8px 9px 8px 8px;
}

.ms-sharepointsearchtext
{
    font-style: normal;
    color: #333;
}

.article.article-right
{
    padding-top: 0px;
    padding-left: 0px;
}

/*
 Socialstyrelsen custom css
*/

.sos-PageWebPartAreaMiddleLeft .ms-WPTitle
{
    font-size: 18px;
}
/*
.sos-PageWebPartAreaMiddleLeft .ms-WPTitle:hover
{
    text-decoration: underline;
}*/
.sos-PageWebPartAreaMiddleRight .ms-WPTitle
{
    font-size: 18px;
}

.sos-PageWebPartAreaMiddleRight .ms-WPTitle:hover
{
    text-decoration: underline;
}

.sos-generellPageLayout .sos-PageLeftArea .s4-wpcell-plain
{
    padding-bottom: 16px;
}

.sos-Footer
{
    clear: both;
    padding: 20px 0px 10px 0px;
    font-size: 11px;
}


.sos-FooterPub
{
    float: left;
}

.sos-Footerpartners, .sos-Footerpartners A
{
    float: left;
}

.sos-FooterPartnerText
{
    float: left;
}

.sos-Footer Img
{
    /*padding: 10px 15px 10px 15px;*/
    border: none;
}
.sos-FooterPartnersImg
{
    width: 724px;
}
.sos-FooterDelimiter img
{
    padding-top: 14px;
    float: left;
    width: 19px;
}

.sos-FooterText
{
    clear: both;
    border-top: 1px dotted #666;
    padding-top: 2px;
    color: #666;
    font-size: 11px;
}

.sos-FooterText a
{
    color: #666;
}

.sos-EndPage
{
    margin-top: 10px;
    height: 5px;
    clear: both;
}

.ms-WPHeader .ms-wpTdSpace
{
    display: none;
}

.sos-subMenuConainer
{
    color: #fff;
    font-size: 13px !important;
    font-weight: bold;
    min-height: 6px;
    padding-left: 16px; /*padding-top: 3px;*/
}

.s4-title-404
{
    margin-bottom: 24px;
}

.sos-subMenuSelected tbody tr td
{
    background-image: url(/_layouts/Images/SoS.KP.Branding/menu-arrow.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.sos-subMenu
{
    vertical-align: middle;
    color: #fff;
    height: 30px;
    padding: 0px 2px 0px 2px;
}

.sos-subMenu table
{
    padding-right: 15px;
}

.sos-subMenu A
{
    color: #fff;
}

.sos-subMenu A:Hover
{
    text-decoration: underline;
}

.sos-BreadCrumb
{
    background-color: #fff;
    padding: 10px 0px 10px 18px;
}

.sos-BreadCrumb a
{
    color: #676767;
    padding: 0px 3px;
    text-decoration: none !important;
}

.sos-BreadCrumb a:hover
{
    
    text-decoration: underline !important;
}

/*
    DocumentLinkImage css
*/
.sos-DocLinkStart
{
    float: left;
    height: 43px;
    width: 48px;
    margin: 0px;
    border: none;
}

.sos-DocxLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_doc.png);
}
.sos-PDFLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_pdf.png);
}
.sos-xlsLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_xls.png);
}
.sos-pptLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_ppt.png);
}
.sos-zipLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_zip.png);
}

.sos-XXLinkStart
{
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_left_XX.png);
}

.sos-DocLinkBg
{
    height: 43px;
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_middle.png);
    background-repeat: repeat-x;
    float: left;
    padding: 13px 0px 0px 0px;
    color: #666;
    font-weight: bold;
    margin-top: 2px;
}

.sos-DocLinkBg a
{
    color: #333;
}

.sos-DocLinkBg a:hover
{
    text-decoration: underline;
}

.sos-DocLinkEnd
{
    float: left;
    width: 32px;
    height: 43px;
    margin-top: 2px;
    background-image: url(/_Layouts/images/Sos.KP.Branding/button_download_right.png);
}

.sos-topnav_root:hover
{
    text-decoration: underline;
}

/* ### These horizontal menu styles have been moved to config store instead ### */
/*
.sos-topnav_root
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-red-right.png') no-repeat scroll top right;
    font-weight: bold !important;
    display: block !important;
    height: 24px !important;
    text-decoration: none;
    outline: none !important;
}

a.sos-topnav_root > span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-red-left.png') no-repeat;
    display: block !important;
    line-height: 14px !important;
    padding: 5px 0 5px 10px !important;
}

.sos-topnav_root
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-red-right.png') no-repeat scroll top right !important;
}

.sos-topnav_1
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-green-right.png') no-repeat scroll top right !important;
}

a.sos-topnav_1 > span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-green-left.png') no-repeat !important;
}

.sos-topnav_2
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-blue-right.png') no-repeat scroll top right !important;
}

a.sos-topnav_2 > span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-blue-left.png') no-repeat !important;
}

.sos-topnav_3
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-yellow-right.png') no-repeat scroll top right !important;
}

a.sos-topnav_3 > span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-yellow-left.png') no-repeat !important;
}
.sos-topnav_4
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-purple-right.png') no-repeat scroll top right !important;
}

a.sos-topnav_4 > span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/tabbg-purple-left.png') no-repeat !important;
}
*/



div.sos-InputField
{
    height: 28px;
    background-image: url(/_layouts/Images/SoS.KP.Branding/rounded-left.png);
    background-repeat: no-repeat;
    float: left;
}

div.sos-InputField div.sos-inputField-Right
{
    float: right;
    right: 0;
    top: 0;
    height: 28px;
    width: 4px;
    background-color: #fff;
    background-image: url(/_layouts/Images/SoS.KP.Branding/rounded-right.png);
    background-position: right;
    background-repeat: no-repeat;
}

div.sos-SearchField div.sos-InputField input
{
    width: 260px;
}

div.sos-InputField input
{
    border: 0;
    margin-left: 5px;
    margin-top: 5px;
}

.sos-WPInputfieldWrapper
{
    padding-top: 2px;
    height: 28px;
}

.sos-WPInputfieldWrapper div.sos-InputField
{
    width: 230px;
}

.sos-WPInputfieldWrapper div.sos-InputField input
{
    width: 219px;
}

.sos-ButtonLink
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/standard-button-right.png') no-repeat scroll top right;
    color: #000;
    font-weight: bold;
    display: block;
    float: right;
    margin-top: 7px;
    margin-left: 5px;
    margin-right: 6px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
}

a.sos-ButtonLink span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/standard-button-left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 10px 10px 14px;
}

a.sos-ButtonLink:hover
{
    text-decoration: underline;
    outline: none;
}

a.sos-ButtonLink:active
{
    /*   background-position: bottom right;     color: #000;     outline: none; */
}

a.sos-ButtonLink:active span
{
    /* background-position: bottom left;     padding: 6px 0 4px 18px;*/
}

/* Classes for global navigation links */
.sos-globallinkcontainer
{
    height: 20px;
    padding-top: 5px;
    text-align: right;
}

.sos-globallink, .sos-globallink:visited
{
    font-size: 11px !important;
    font-family: Arial;
    font-weight: normal;
    color: #fff !important;
    text-decoration: none;
}

.lnkshowhide
{
    font-size: 12px !important;
    font-family: Arial;
    font-weight: normal;
    color: #0072bc !important;
    text-decoration: underline;
    cursor: pointer;
}

.sos-WPZonBackground .sos-PageWebPartAreaMiddleRight .lnkshowhide
{
    font-size: 12px !important;
    font-family: Arial;
    font-weight: normal;
    color: #0072bc !important;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 4px;
}

.lnkshowhide:hover
{
    text-decoration: none;
}

a.sos-globallink:hover
{
    text-decoration: underline !important;
}


/* Css relaterad till webparts, jag vet inte var denna hör hemma riktigt. Lägger den här tillfälligt */
.sos-articleFooterdiv, .article-content DIV .sos-articleFooterdiv
{
    background: #f3f3f3;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    margin-bottom: 0px !important; 
}

.sos-articleFooterHeader
{
    padding-bottom: 10px;
    color: #0072bc;
    font-size: 13px;
    font-weight: bold;
    text-decoration: underline;
}

.sos-articleFooterTip
{
    font-size: 11px;
    font-weight: bold;
}

.sos-articleFooterdiv a
{
    font-size: 11px;
}

.sos-WPLinkUnderline
{
    font-size: 12px;
}

.sos-WPLinkUnderlineBold
{
    font-weight: bold;
    font-size: 12px;
}

.sos-Searchwrapper
{
    display: block;
    background: #F4F6F5;
    width: 366px;
    height: 60px;
}

.sos-SearchButton a.sos-ButtonLink
{
    margin: 13px 17px 0px 0px;
    color: #fff;
    float: right;
}

div.sos-SearchField
{
    margin-left: 20px;
    margin-top: 13px;
    width: 270px;
}


.sos-WPLinkUnderline, .sos-articleFooterdiv a
{
    color: #0072bc !important;
    text-decoration: none !important;
}
.sos-WPLinkUnderline:hover, .sos-articleFooterdiv a:hover
{
    text-decoration: underline !important;
}

.sos-WPLinkUnderline:visited, .sos-articleFooterdiv a:visited
{
    color: #71307f !important;
}

.WebPartAreaMain .sos-WPLink
{
    font-size: 15px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 8px;
    padding: 1px 0px;
}

.sos-PageRightArea a.sos-WPLink:link {
    color: #333 !important;
}

.sos-PageRightArea a.sos-WPLink:visited {
    color: #333 !important;
}


.sos-WPLink-clueTip
{
    font-size: 13px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 10px;
    padding: 1px 0px;
}

a.sos-AboutLink:hover
{
    text-decoration: underline !important;
}

a.sos-AboutLinkBold:hover
{
    text-decoration: underline !important;
}

.sos-AboutLink
{
    font-size: 12px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 12px;
}

.sos-AboutLinkBold
{
    font-size: 12px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 10px;
    font-weight: bold;
}

.sos-WPLinkIndented, .sos-WPLinkIndented:visited
{
    margin-left: 10px;
    font-size: 13px;
    font-family: Arial;
    color: #333;
    text-decoration: underline !important;
}

.sos-WPLinkIndented:hover
{
    text-decoration: none !important;
}


.sos-WPLinkImage
{
    margin-top: 6px;
    padding-right: 8px;
    float: left;
    background-repeat: no-repeat;
    height: 12px;
    width: 4px;
}

.sos-WPLinkImageFA
{
    margin-top: 2px;
    padding-right: 4px;
    float: left;
    height: 7px;
    width: 4px;
}

.sos-WPLinkLeftColumn
{
    float: left;
    width: 300px;
    line-height: 23px;
}

.sos-WPLinkRightColumn
{
    float: right;
    width: 300px;
    line-height: 23px;
}

/* Css för WPCurrentStart */

.sos-NewsItemCaption
{
    color: #333;
    font-size: 12px;
    margin-left: 2px;
}

.sos-WPZonBackground .sos-PageWebPartAreaMiddleRight .sos-NewsItemCaption
{
    color: #333;
    font-size: 14px;
    margin-left: 0px;
    display: block;
}

.sos-NewsItemDate
{
    color: #666;
    font-size: 12px;
}

.sos-NewsItemCategoryLabel
{
    color: #333;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.sos-WPRSSLink
{
    float: right;
    border-style: none;
}

.sos-newsItemsMainPanel
{
    padding-top: 10px;
}

.sos-RelatedItemPanel
{
    margin-bottom: 5px;
}

.sos-RelatedItemPanel .sos-NewsItemInCategory a, 
.sos-RelatedItemPanel .sos-NewsItemInCategory a:link,
.sos-RelatedItemPanel .sos-NewsItemInCategory a:visited,
.sos-RelatedItemPanel .sos-NewsItemInCategory a:active
{
    color: #333;
}



.sos-PageTitle > h1
{
    margin-top: 0px;
}

.sos-PageTitle p
{
    margin-top: 0px;
    margin-bottom: 13px;
}

.sos-PageTitle
{
    color: #333;
    padding: 0 0 0 0;
}

/* Css för WPShowAreaWithImage */
.sos-WPPreHeader
{
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    color: #666 !important;
    padding-top: 23px;
}

.sos-WPHeaderDefault
{
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 5px;
    color: #666;
    border-bottom: #666 4px solid;
}

.sos-WPHeaderBlue
{
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 5px;
    color: #0496ac;
    border-bottom: #0496ac 4px solid;
}

.sos-WPHeaderYellow
{
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 5px;
    color: #e78b00;
    border-bottom: #e78b00 4px solid;
}

.sos-WPHeaderPurple
{
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 5px;
    color: #685b97;
    border-bottom: #685b97 4px solid;
}

.sos-WPHeaderGreen
{
    font-family: Arial;
    font-weight: bold;
    font-size: 19px;
    padding-bottom: 5px;
    color: #0f9181;
    border-bottom: #0f9181 4px solid;
}

.sos-MoreAboutPanel
{
    margin-bottom: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
}

.sos-noShow
{
    display: none;
}

.sos-MoreAboutLabel
{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}

.sos-WPLinkCategory
{
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #666;
}

.sos-WPShowAreaImageContainer
{
    padding-bottom: 15px;
    text-align: center;
}

.sos-WPShowAreaLinkContainer
{
    padding-bottom: 6px;
}

.sos-WPShowAreaLinkImage
{
    margin-top: 4px;
    padding-right: 6px;
    float: left;
    background-repeat: no-repeat;
    height: 11px;
    width: 8px;
    background-image: url(/_Layouts/images/Sos.KP.branding/arrow_11x8.png);
}

a.sos-WPShowAreaLink
{
    font-size: 12px;
    color: #666 !important;
    font-weight: normal;
}

a.sos-WPShowAreaLink:visited
{
    font-size: 12px;
    color: #666 !important;
    font-weight: normal;
}

a.sos-WPShowAreaLink:hover
{
    font-size: 12px;
    color: #666 !important;
    text-decoration: underline !important;
}

.sos-WPRSSLinkImage
{
    margin-top: 0px;
    padding-right: 6px;
    float: left;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    background-image: url(/_layouts/images/Sos.Kp.Branding/ico_rss_14x14.png);
}

.sos-WPSubscriptionTD
{
    width: 272px;
}

b.rtop, b.rbottom
{
    display: block;
    background: #FFF;
}
b.rtop b, b.rbottom b
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #f4f6f6;
}
b.r1
{
    margin: 0 5px;
}
b.r2
{
    margin: 0 3px;
}
b.r3
{
    margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4
{
    margin: 0 1px;
    height: 2px;
}

.sos-FooterPubText, .sos-FooterPartnersText
{
    font-weight: bold;
}

.sos-WPMoreAboutpanelTitle
{
    font-size: 15px;
    color: #666;
}

.sos-WPSubscriptionHeading
{
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.sos-WPSubscriptionText
{
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
}

.sos-WPSubscriptionButton
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/standard-button-right.png') no-repeat scroll top right;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    height: 28px;
    margin-top: 7px;
    margin-left: 5px;
    margin-right: 6px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
}

a.sos-WPSubscriptionButton span
{
    background: transparent url('/_layouts/Images/SoS.KP.Branding/standard-button-left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 6px 10px 10px 14px;
    color: #ffffff;
}

a.sos-WPSubscriptionButton:hover
{
    text-decoration: underline;
    outline: none;
    color: #ffffff;
}

.sos-WPSubscriptionSpacer
{
    width: 12px;
}

/* Rounded panel */
.sos-WPSubscriptionPanel
{
    margin: 0 0;
    background-color: #f4f6f6;
}
.sos-WPSubscriptionPanelContent
{
    height: 370px;
}

.sosTagCludDiv
{
    background-color: #f4f6f6;
}

.sostagCloudInner
{
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 80px;
    overflow: hidden;
}

.sosTagCludDiv li
{
    float: left;
}

.sostagCloudLabel
{
    display: inline;
}

#sos-welcomeText h1
{
    font-family: Arial;
    color: #333;
    line-height: 98%;
    font-size: 30px;
    margin-bottom: 0px;
}

#sos-welcomeText span
{
    margin-top: 0px;
}

#sos-welcomeText
{
    color: #333;
    padding-top: 10px;
    font-size: 13px;
}

#sos-welcomeText A:link, #sos-welcomeText A:visited
{
    text-decoration: underline;
    color: #0072bc;
}

#sos-welcomeText A:hover
{
    text-decoration: none;
}

.sosInvisibleHeader
{
    color: White !important;
}

.sos-WPlabelImageDescription
{
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #333 !important;
}
.sos-imgExt
{
    border: none;
}

.sos404-mainAreaRight
{
    float: right;
    background-color: White;
    width: 388px;
    height: 350px;
}

.sos404-mainAreaLeft
{
    float: left;
    background-color: White;
    width: 582px;
    height: 350px;
}

.sos-404Header
{
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.sos-404Body
{
    font-size: 16px;
    display: block;
    margin-right: 35px;
    margin-bottom: 20px;
}

.sos-lnk404
{
    color: #0072bc !important;
    font-size: 16px;
}

.sos-lnk404 a:visited
{
    color: #0072bc !important;
}

.sos-lblGo404
{
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 16px;
    display: block;
}

.sos-404MainPanel
{
    margin-left: 20px;
    margin-top: 30px;
}

.sos404-mainAreaRight .sos-Searchwrapper
{
    margin-top: 70px;
    text-align: left;
}

.sos-NewWindowLink
{
    height: 12px;
    width: 12px;
    position: absolute;
    background: url('/_layouts/Images/SoS.KP.Branding/new_window_link.png') no-repeat;
}

A:visited .sos-NewWindowLink
{
    background: url('/_layouts/Images/SoS.KP.Branding/new_window_visited.png') no-repeat;
}

.sos-ContactLabel
{
    display: block;
    margin-bottom: 1px;
    font: bold 14px arial;
}

.sos-ContactTextBox
{
    height: 38px;
    line-height: 38px;
    display: block;
    margin-bottom: 10px;
    width: 380px;
    border: 1px solid #EBE6E6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 12px;
}

.sos-ContactMessageTextBox 
{
    display: block;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 10px;
    width: 545px;
    height: 148px;
    border: 1px solid #EBE6E6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: arial;
}

.sos-ContactTitle
{
    display: block;
    font: normal 21px arial;
    margin-bottom: 20px;
}

.sos-SubmitButton
{
    margin-top: 8px;
    float: left;
    background: #666;
    display: inline-block;
    height: 38px;
    width: 80px;
    line-height: 38px;
    text-decoration: none;
    text-align: center;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    border: none;
}

.sos-ContactInformationLabel
{
    font-size: 11px;
}

.sos-ContactMainPanel
{
    width: auto;
    height: 550px;
    padding: 15px 20px 10px 20px;
    background-color: #f3f3f3;
    margin-bottom: 25px;
    margin-top: -11px;
}

/* confirmation dialog used in WPContactUs*/
.sos-ContactConfirm
{
    border: 1px solid;
    margin-right: 15px;
    margin-bottom: 10px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/_layouts/Images/SoS.KP.Branding/success.png');
}

.smalldotted, .dotted
{
    border-bottom: #666 1px dotted;
    padding-bottom: 10px;
}

H2.pagecontentstyleElement-H2
{
    -ms-name: "SoS Rubriknivå 2";
}
.pagecontentstyleElement-H2
{
    font-size: 17px;
    font-weight: bold;
    font-family: Arial;
    color: #333;
    margin-bottom: 0px;
}
H3.pagecontentstyleElement-H3
{
    -ms-name: "SoS Rubriknivå 3";
}
.pagecontentstyleElement-H3
{
    font-size: 14px;
    font-weight: bold;
    font-family: Arial;
    color: #333;
    margin-bottom: 0px;
}
p.pagecontentstyleElement-Text
{
    -ms-name: "SoS Normal text";
    font-size: 13px;
    font-weight: normal;
    font-family: Arial;
    color: #333;
    margin-top: 0px;
    margin-bottom: 13px;
}


.sos-WPsortLink
{
    float: right;
    font-size: 9pt;
    color: #0072bc !important;
    margin-left: 6px;
}
.sos-WPsortLinkBold
{
    float: right;
    font-size: 9pt;
    font-weight: bold;
    color: #0072bc !important;
    margin-left: 6px;
}

.sos-WPsortLinkTitle
{
    float: right;
    font-size: 9pt;
    color: #333;
}

/* Css för WPFactBox */

.sos-WPFactBoxBgColorPink
{
    background-color: #e9c9d7;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorDarkblue
{
    background-color: #d4ddee;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorGrey
{
    background-color: #e0e0e0;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorBlue
{
    background-color: #cce6ea;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorYellow
{
    background-color: #fae8cc;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorViolet
{
    background-color: #e1deea;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorGreen
{
    background-color: #d1e9df;
    padding: 6px 10px 4px 10px;
}

.sos-WPFactBoxBgColorWhite
{
    background-color: transparent;
    padding: 1px 10px 1px 10px;
    width: 100%;
    border-bottom: 1px dotted #333;
}

.sos-fullWidthPageLayout .sos-WPFactBoxBgColorWhite {
    border: none;
}

.sos-WPFactBoxHover:hover
{
    cursor: pointer;
}

.sos-WPFactBoxHover:hover h1.ms-rteElement-H1 {
    text-decoration: underline;
}

.sos-WPContentBoxContent a:link
{
    color: #333;
    font-size: 15px;
    line-height: 1.5;
    color: #0072bc;
}

/*  Kunskapsguiden WPUserResponseWebpart webpart*/
.kp-responseWPOuter
{
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #f3f3f3;
    width: auto;
    min-width: 500px;
    height: 25px; /* height: */
    padding-top: 9px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 6px;
    margin-top: 17px;
}
.kp-responseWPTopArea
{
    width: 100%;
    height: 24px;
    color: #333;
    font-weight: normal;
    font-family: Arial;
    font-size: 14px;
    display: block; /*margin-bottom:7px;*/
}
.kp-responseWPText
{
    width: 60%;
    display: inline-block;
    margin-top: 2px; /* (hjälpte den här informationen dig) */
}
.kp-responseWPYesButton, .kp-responseWPNoButton
{
    -webkit-border-radious: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    width: 64px;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    background-color: #666;
    margin-left: 7px;
    margin-right: 7px;
    border: 0;
    color: White;
    font-weight: bold;
}

.kp-responseWPYesButton:hover, .kp-responseWPNoButton:hover {
    background-color: #9e9e9e;
}

.kp-responseWPFeedbackContainer
{
    display: block;
    color: Black;
    margin-top: 12px;
}
.kp-responseWPTacktext
{
    font-family: Arial;
    font-size: 13px;
    height: 100%;
    display: inline-block;
    width: 30%;
    float: left;
    color: Black;
    -webkit-border-radious: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}

.sos-NewPageLayout h2.ms-rteElement-H2 {
    margin-bottom: 0px;
    margin-top: 9px;
    color: #333;
    font-size: 21px;
    font-weight: normal;
    font-family: arial;
    line-height: 24px;
}

.sos-NewPageLayout h3.ms-rteElement-H3 {
    margin-bottom: 0px;
    margin-top: 9px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    font-family: arial;
    line-height: 22px;
}

.sos-NewPageLayout h1.ms-rteElement-H1 {
    margin-bottom: 0px;
    margin-top: 0px;
    color: #333;
    font-size: 21px;
    font-weight: normal;
    font-family: arial;
    line-height: 24px;
}

.sos-NewPageLayout .sos-WPContentBoxContent p {
    color: #333;
    font-size: 15px;
    font-weight: normal;
    font-family: arial;
    line-height: 22px;
    margin-bottom: 6px;
}

.sos-NewPageLayout .sos-WPContentBoxContent a {
    color: #0072bc;
    font-size: 15px;
    font-weight: normal;
    font-family: arial;
    line-height: 22px;
}

.sos-NewPageLayout .sos-WPContentBoxContent a:visited {
    color: #71307f;
}

.sos-NewPageLayout a:hover
{
    text-decoration: underline;
}

.sos-WPFactBox .sos-WPFactBoxBgColorWhite {
    padding-top: 0px;
}

H5.ms-rteElement-Tagg1{
    -ms-name:Tagg 1;
    font: normal 13px arial;
    color: #4f4f4f;
    margin: 3px 0 3px 0;
}

.startPageTopArea H5.ms-rteElement-Tagg1{
    color: #fff;
}



/*.sos-WPContentBoxContent h1.ms-rteElement-H1 {
    margin-bottom: 1px;
    margin-top: 0px;
    color: #333;
}

.startPageLeftArea .startPagewebPartAreaMiddleLeft .ms-WPBody h1,
.startPageLeftArea .startPagewebPartAreaMiddleRight .ms-WPBody h1 {
   
    margin: 0 0 0 0;
}*/

.FeedbackTextBox
{
    -webkit-border-radious: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    border-width: 0px;
    height: 100%;
    font-family: Arial;
    font-size: 13px;
    width: 99%;
}
.kp-responseWPFeedbackRightContent
{
    height: 100%;
    display: inline-block;
    float: right;
    width: 65%;
    padding: 1px;
    padding-right: 8px;
    -webkit-border-radious: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
}
.kp-responseWPFeedbackTextBox
{
    width: 100%;
    height: 74%;
    margin-bottom: 7px;
}
.kp-responseWPSubmitButton
{
    -webkit-border-radious: 4px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 4px;
    -moz-background-clip: padding;
    border-radius: 4px;
    background-clip: padding-box;
    width: 100%;
    height: 26px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    font-weight: bold;
    color: White;
    background-color: #666;
}
.kp-responseWPSubmitButtonDiv
{
    display: block;
    width: 101%;
    margin-left: -2px;
}
.kp-responseWPYesButtonDiv
{
    float: right;
    display: inline-block;
    
}
.kp-responseWPNoButtonDiv
{
    float: right;
    display: inline-block;
}

/*  END Kunskapsguiden WPUserResponseWebpart webpart*/
/* Kunskapsguiden EBPNavigator webpart */
.ebp-navigatorBorder
{
    -webkit-border-radious: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
    border-color: Silver;
    border-width: 2px;
    border-style: solid;
}
.ebp-navigatorTitleImageContainer
{
    -webkit-border-radius: 1px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 1px;
    -moz-background-clip: padding;
    border-radius: 1px;
    background-clip: padding-box;
    background-color: #6C6E70;
    height: 35px;
}
.sos-AboutLinkLevel1
{
    font-size: 13px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 5px;
    text-decoration: none !important;
}

.sos-AboutLinkLevel1Active
{
    font-size: 13px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 5px;
    text-decoration: underline !important;
}
.ebp-NavigatorFakeTitleText
{
    color: White;
    font-size: 16px;
    padding-left: 8px;
    padding-top: 8px;
    font-weight: 400;
}
.sos-AboutLinkPages
{
    font-size: 13px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 5px;
    text-decoration: none !important;
}
.sos-AboutLinkPagesActive
{
    font-size: 13px;
    font-family: Arial;
    color: #333 !important;
    display: block;
    margin-left: 5px;
    text-decoration: underline !important;
}
.ebp-navigationLinksDiv
{
    margin-left: 8px;
}
.ebp-adjustWPLinkImage .sos-WPLinkImage
{
    margin-top: 4px;
}
.ebp-navigatorBody
{
    padding: 8px;
}
.ebp-LinkContainer
{
}
.ebp-ArrowAndLinkContainer
{
    margin-left: 0px;
    display: none;
}
.ebp-LinkContainer:hover > .ebp-ArrowAndLinkContainer
{
    margin-left: 16px;
    display: block;
}
/* END Kunskapsguiden EBPNavigator webpart */

/* QuickPolls Webpart */

table.AEQPradio
{
    margin-top: 8px;
    margin-bottom: 4px;
}

table.AEQPradio label
{
    color: #333;
    font-family: Arial;
    font-size: 12px;
}
.kp-WPVeckansFraga
{
    color: #333;
    font-family: Arial;
    font-size: 12px;
}
.AEQPquestion ~ hr
{
    display: none;
}

/* WPSubscriptionRegisterStart Webpart */


.sos-WPSubscriptionStartTD
{
    width: 100%;
}

.sos-WPSubscriptionStartPanelContent
{
    height: 100%;
    
}

.sos-WPSubscriptionStartHeading
{
    font-size: 21px;
    font-family: Arial;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    font-weight: normal;
}

.sos-WPSubscriptionStartText
{
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    padding-left: 15px;
    padding-right: 15px;
}

.sos-WPSubscriptionStartButton
{
    background: #666;
    display: inline-block;
    height: 38px;
    width: 130px;
    padding-right: 4px; /* sliding doors padding */
    line-height: 38px;
    text-decoration: none;
    text-align: center;
    outline: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer;
}

.sos-InputFieldStart .sos-WPSubscriptionStartButton:hover
{
    text-decoration: none;
}

.WPSubscriptionStartButtonText
{
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
}

.sos-WPInputfieldStartWrapper
{
    padding-top: 2px;
    height: 52px;
}

.sos-WPInputfieldStartWrapper div.sos-InputFieldStart
{
    width: 100%;
}

.sos-WPSubscriptionStartPanel
{
    margin: 0 0;
    background-color: #f4f6f6;
}

.sos-WPSubscriptionPanelNew
{
    margin: 0 0;
    background-color: #f4f6f6;
    width: 268px;
    height: 500px;
    float: left;
    margin-right: 10px;
}

.sos-WPSubcriptionTextboxStart
{
    border-radius: 5px;
    border-style: solid;
    border-color: #EBE6E6;
    border-width: 1px;
    height: 34px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    padding-left: 12px;
    width: 94%;
    margin-left: -1px;
}

.sos-WPSubscriptionErrorStart
{
    font-size: 11px;
    font-weight: normal;
    color: red;
}

.sos-WPCheckboxStart
{
    margin-left: 12px;
}

.sos-WPCheckboxStart td
{
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    color: #333;
}

.sos-WPSubscriptionStartSpacer
{
    width: 1px;
    height: 3px;
}

.sos-WPSubscriptionStartSpacerBig
{
    width: 1px;
    height: 25px;
}

.selectDiv
{
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    background: white;
    border: #EBE6E6 1px solid;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 1px;
    margin-left: -1px;
    padding: 0px;
    position: relative;
    z-index: 100; 
    /*background: url('http://s24.postimg.org/lyhytocf5/dropdown.png') 
    no-repeat right #FEFEFE;                 
    content:"\f063";                 
    font-family: FontAwesome;                 
    font-weight: normal;                 
    font-size: 22px;                 
    color:#555;                 
    display: inline-block;                 
    padding-right: 8px;                 
    vertical-align: middle;*/
}
.selectDefault
{
    padding-left: 12px;
}
.selectDiv:after
{
    font-family: FontAwesome;
    font-weight: normal;
    font-size: 22px;
    content: "\f107";
    display: inline-block;
    padding-right: 8px;
    vertical-align: middle;
    float: right;
}

.selectDiv select
{
    margin: 0px;
    padding: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 101;
}
.selectDiv select:focus
{
    outline: none;
}

.selectDefault, .selectDiv option
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
}
.selectDiv select
{
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
}
/* End WPSubscriptionRegisterStart Webpart */

/* WPSubscriptionChange Webpart */
.sos-WPSubscriptionChangeWrapper 
{
    color: #333;
    height: 500px;
    width: 536px;
    background-color: #f4f6f6;
    padding: 40px 20px;
}

.sos-WPSubscriptionChangeHeader 
{
    font-weight: normal;
    font-size: 21px;
    display: table;
    margin: 0 auto;
    margin-bottom: 5px;
}

.sos-WPSubscriptionChangeText 
{
    font-weight: normal;
    font-size: 14px;
    display: table;
    margin: 0 auto;
}

/* End WPSubscriptionChange Webpart */

/* Start WPSectionNavStart Webpart */

div.sos-WPNavWrapper a:hover
{
    text-decoration: underline;
    color: #fff;
}

div.sos-WPNavWrapper a
{
    color: #fff;
}

div.sos-WPNavWrapper a:visited
{
    color: #fff;
}

.sos-WPNavTitle
{
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 38px;
    line-height: 38px;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}

div.sos-WPNavWrapper .sos-WPNavIngress
{
    font-family: Arial;
    font-size: 14px;
    color: #333;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    line-height: 20px;
}

.sos-WPNavSpacer
{
    width: 100%;
    height: 8px;
}

.sos-WPNavRed
{
    background-color: #ce1829;
}

.sos-WPNavGreen
{
    background-color: #1a925e;
}

.sos-WPNavBlue
{
    background-color: #049AB0;
}

.sos-WPNavYellow
{
    background-color: #e78b00;
}

.sos-WPNavPurple
{
    background-color: #685b97;
}

.sos-WPNavPink
{
    background-color: #c15a88;
}

.sos-WPNavDarkblue
{
    background-color: #678ec0;
}

.sos-WPNavGrey
{
    background-color: #666666;
}

.sos-WPNavLightRed
{
    background-color: #F5D3D6;
}

.sos-WPNavLightGreen
{
    background-color: #d1e8dd;
}

.sos-WPNavLightBlue
{
    background-color: #cce6ea;
}

.sos-WPNavLightYellow
{
    background-color: #fae8cc;
}

.sos-WPNavLightPurple
{
    background-color: #e1deea;
}

.sos-WPNavLightPink
{
    background-color: #e9c9d7;
}

.sos-WPNavLightDarkblue
{
    background-color: #d4ddee;
}

.sos-WPNavLightGrey
{
    background-color: #e0e0e0;
}

.sos-WPNavWrapper
{
    width: 100%;
    padding-top: 3px;
}

/* End WPSectionNavStart Webpart */

/* Start WPRelatedArticlesGroupBy Webpart */
.sos-NewsItemCategory {
    font-size: 16px;
    color: #333;
    margin: 5px 0;
    cursor: pointer;
}

.sos-NewsItemCategory:hover {
    text-decoration: underline;
}

i.sos-NewsItemCategoryIcon {
    float: left;
    margin-right: 5px;
    font-size: 16px;
    color: #037789;
    line-height: 20px;
    width: 7px;
}

.sos-RelatedItemPanel i.sos-NewsItemCategoryIcon:hover {
    cursor: pointer;
}

.sos-NewsItemsInCategory {
    background-color: #f3f3f3;
    border-bottom: 1px dotted #999;
    padding-left: 20px;
}

.sos-NewsItemsInCategory .sos-WPLink-clueTip {
    font-size: 14px;
}

.sos-NewPageLayout .sos-PageRightArea .sos-NewsItemsInCategory .sos-WPLink {
    font-size: 14px;
}

.sos-NewsItemInCategory {
    padding: 5px;
}

/* End WPRelatedArticlesGroupBy Webpart */
 
.sos-masterLogo {
    height: 78px;
}

/* WPSektionStartTitle Webpart */


.sos-WPSektionStartBgColorDefault {
    padding: 20px 20px 24px 24px;
    min-height: 62px; 
}

.sos-WPSektionStartBgColorGrey {
    background-color: #685b97;
    padding: 20px 20px 24px 24px;
    min-height: 62px; 
}

.sos-WPSektionStartBgColorBlue {
    background-color: #049AB0;
    padding: 20px 20px 24px 24px;
    min-height: 62px; 
}

.sos-WPSektionStartBgColorYellow {
    background-color: #e78b00;
    padding: 20px 20px 24px 24px;
    min-height: 62px; 
}

.sos-WPSektionStartBgColorViolet {
    background-color: #685b97;
    padding: 20px 20px 24px 24px;
    min-height: 62px; 
}

.sos-WPSektionStartBgColorGreen {
    background-color: #1a925e;
    padding: 20px 20px 24px 24px;
    min-height: 62px;  
}

/* END WPSektionStartTitle Webpart */

/* Font awsome pilar på ingångssidan */

.sos-WPLinkLeftColumn .fa.fa-angle-right, .sos-WPLinkRightColumn .fa.fa-angle-right {
    font-size: 15px;
}

/* End Font awsome pilar på ingångssidan */

/* anpassningar för ADHD i samverkan */ 

.sos-PageTitleArea {
    color: white !important;
    padding: 20px 20px 5px;
}

.sos-PageTitleArea .sos-Ingress {
    font-weight: normal;
}

.sos-WPZonBackground {
    width: 930px;
    display: inline-block;
    padding: 20px 0;
}

/* END anpassningar för ADHD i samverkan */ 

/* anpssningar för EBP */

.sos-WPZonSectionStartBackground
{
    display: inline-block;
    padding: 20px 0;
    width: 100%;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleLeft a, .sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleLeft a:visited
{
    font-size: 21px;
    color: #333;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleLeft a, .sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight a, .sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleLeft a:visited, .sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight a:visited
{
    font-size: 21px;
    color: #333 !important;
    font-weight: normal;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight li a, .sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight li a:visited
{
    font-size: 16px;
    color: #333 !important;
    font-weight: normal;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleLeft .description
{
    font-size: 14px;
    color: #333;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight p
{
    font-size: 14px;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight li
{
    font-size: 14px;
    padding-bottom: 12px;
}

.sos-EBPSectionStartNavZone .sos-WPZonBackground .sos-PageWebPartAreaMiddleRight ul
{
    padding-left: 22px;
}

.sos-EBPSectionStartNavZone
{
    color: #333;
    line-height: 22px;
}

.WebPartAreaMain
{
    color: #333;
}

.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorPink, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorDarkblue, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorBlue, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorGrey, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorBlue, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorYellow, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorViolet, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorGreen, 
.sos-PagewebPartAreaMiddle .sos-WPFactBoxBgColorWhite
{
    padding: 20px 20px 20px 20px;
}

.sos-PagewebPartAreaMiddle li
{
    padding-bottom: 10px;
}

.sos-PagewebPartAreaMiddle div.ms-PartSpacingVertical
{
    border-bottom-style: none !important;
    border-bottom-width: 0px !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-DocumentLink:link
{
    color: #fff !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-DocumentLink:visited
{
    color: #fff !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-DocumentLink:hover
{
    color: #fff !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a:link, .WebPartAreaMain .sos-PagewebPartAreaMiddle li a:visited
{
    color: #333 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a:hover
{
    text-decoration: underline !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-DocumentLink:hover, .WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-ExternalLink:hover, .WebPartAreaMain .sos-PagewebPartAreaMiddle a.sos-InternalLink:hover
{
    text-decoration: none !important;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle h3.ms-rteElement-H3
{
    font-size: 15px;
    font-weight: bold;
}

.sos-NewPageLayout .WebPartAreaMain .sos-PagewebPartAreaMiddle .sos-WPContentBoxContent
{
    font-size: 16px;
}

.sos-NewPageLayout .WebPartAreaMain .sos-PagewebPartAreaMiddle .sos-WPContentBoxContent ol
{
    font-size: 14px;
    padding-left: 20px;
}

.WebPartAreaMain .sos-PagewebPartAreaMiddle h1
{
    font-size: 24px;
}

.sos-PagewebPartAreaMiddle .ms-rteElement-Hr
{
    border: 0;
    border-bottom: 1px dotted #fff;
}

.sos-PagewebPartAreaMiddle .ms-rteElement-P
{
    font-size: 13px;
}

.sos-EBPInfoPageRightArea h1.ms-rteElement-H1
{
    font-size: 21px;
    font-weight: normal;
    color: #333;
}

.sos-EBPInfoPageRightArea .sos-WPContentBoxContent a:link
{
    font-size: 14px;
    font-weight: normal;
}

.sos-EBPInfoPageRightArea .sos-WPContentBoxContent a:visited
{
    font-size: 14px;
    font-weight: normal;
    text-decoration: none !important;
}

.sos-EBPInfoPageRightArea .sos-WPContentBoxContent
{
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

.sos-EBPInfoPageContent
{
    color: #333;
}

.sos-EBPInfoPageContent h2.ms-rteElement-H2
{
    font-size: 21px;
}

/* END anpssningar för EBP */

/* anpssningar för EBP WPNavigateAllSubWebs */

.sos-EBPNavigateWrapper
{
    margin-left: 0px;
    margin-bottom: 8px;
}

.sos-EBPNavigateWrapper *
{
    margin: 0;
}

.sos-EBPNavigateWrapper .navigation
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 32px;
    /* height: 34px; */
    width: auto;
    padding-left: 10px;
}

.sos-EBPNavigateWrapper .rowHeader
{
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 5px;
    padding-top: 5px;
    display: inline-block;
    vertical-align: middle;
}

.sos-EBPNavigateWrapper div.navigation.rowHeader a, 
.sos-EBPNavigateWrapper div.navigation.rowHeader a:link, 
.sos-EBPNavigateWrapper div.navigation.rowHeader a:visited, 
.sos-EBPNavigateWrapper div.navigation.rowHeader a:active,
.sos-subsiteNavigationWrapper a:first-child, 
.sos-subsiteNavigationWrapper a:first-child:link, 
.sos-subsiteNavigationWrapper a:first-child:visited, 
.sos-subsiteNavigationWrapper a:first-child:active
{
    color: #fff !important;
}

.sos-EBPNavigateWrapper .navItem a,
.sos-EBPNavigateWrapper .navItem a:link,
.sos-EBPNavigateWrapper .navItem a:active,
.sos-EBPNavigateWrapper .navItem a:visited
{
    color: #333;
}

.sos-EBPNavigateWrapper .navItem.active, .sos-EBPNavigateWrapper .navItem2.active, .sos-EBPNavigateWrapper .navItem3.active
{
    width: auto;
}

.sos-EBPNavigateWrapper .navArrow
{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 10px 17px 0;
    position: absolute;
    left: -10px;
    visibility: hidden;
}

.sos-EBPNavigateWrapper .navItem.active .navArrow, .sos-EBPNavigateWrapper .navItem2.active .navArrow, .sos-EBPNavigateWrapper .navItem3.active .navArrow
{
    visibility: visible;
}

.sos-EBPNavigateWrapper .navItemText, .sos-subsiteNavigationWrapper .navItemText
{
    display: inline-block;
    vertical-align: middle;
    line-height: 19px;
    text-decoration: inherit;
    padding-bottom: 5px;
    padding-top: 5px;
}

.sos-EBPNavigateWrapper .navItem, .sos-EBPNavigateWrapper .navItemHeader
{
    min-height: 34px;
    height: auto;
    color: #333;
    font-size: 14px;
    position: relative;
    border-bottom: solid 1px #cacaca;
}

.sos-EBPNavigateWrapper .navItem2
{
    min-height: 34px;
    height: auto;
    color: #333;
    font-size: 14px;
    position: relative;
    border-bottom: solid 1px #cacaca;
    padding-left: 35px;
}

.sos-EBPNavigateWrapper .navItem3
{
    min-height: 34px;
    height: auto;
    color: #333;
    font-size: 14px;
    position: relative;
    padding-left: 60px;
    border-bottom: solid 1px #cacaca;
    font-weight: normal;
}


.sos-EBPNavigateWrapper .sos-NavArrow
{
    float: left;
    margin-right: 5px;
    font-size: 16px;
    line-height: 34px;
    width: 7px;
}

.sos-EBPNavigateWrapper .sos-NavArrowDown
{
    float: left;
    margin-right: 8px;
    font-size: 16px;
    line-height: 34px;
    width: 7px;
}

.sos-EBPNavigateWrapper .navigation a:link, .sos-EBPNavigateWrapper .navigation a:visited
{
    color: #333 !important;
}

.sos-EBPNavigateWrapper .navigation:hover, .sos-subsiteNavigationWrapper .navigation:hover
{
    text-decoration: underline;
}

/* Kalendern o Aktuellt */

.sos-CQWPCalenderLink-item, .sos-CQWPLink-item {
    font-weight: normal;
    border-top: 1px dotted #333;
    padding: 15px 10px 6px 0px;
}

.cbq-layout-main .dfwp-column.dfwp-list li:last-child div.sos-CQWPLink-item {
    padding: 15px 10px 15px 0px;
    border-bottom: 1px dotted #333;
    margin-bottom: 10px;
}

.sos-CQWPCalenderDateWrapper {
    width: 60px;
    height: 60px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-bottom: 10px;
}

.sos-CQWPCalenderDate {
    padding: 4px 0 0 0;
}

.sos-CQWPCalenderDateDay {
    font-size: 31px;
    height: 31px;
}

.sos-CQWPCalenderDateMonth {
    font-size: 15px;
}

.sos-CQWPCalenderALink a:link, .sos-CQWPLink-item a:link {
    font-size: 21px;
    color: #333;
}

.sos-CQWPCalenderALink a:hover, .sos-CQWPLink-item a:hover {
    text-decoration: underline;
}

.sos-CQWPCalenderdescription, .sos-CQWPdescription {
    font-size: 15px;
}

.sos-CQWPCalenderALink, .sos-CQWPCalenderdescription {
    margin-left: 76px;
}


/* Style till klasserna som används från XSLTn i CQWP-webparten pa nyhetssidan (aktuellt) */

.sos-CQWPLink
{
}

.sos-CQWPPagingControls
{
    font-size: 15px;
    margin: auto 0;
    display: inline-block;
    text-decoration: none;
}

/*
.sos-CQWPPagingControls a:not(:first-child):not(:last-child), .sos-CQWPPagingControls strong
{
    letter-spacing: 10px;
}


.sos-CQWPPagingControls a:first-child:after
{
    content: "\00a0 \00a0 \00a0 \00a0 \00a0 ";
}

.sos-CQWPPagingControls a:last-child:before
{
    content: "\00a0 \00a0 \00a0 ";
}
*/

.cbq-layout-main .sos-CQWPPagingControls a:link, .cbq-layout-main .sos-CQWPPagingControls a:visited
{
    color: #0072bc;
    margin-left: 15px;
}

.cbq-layout-main .sos-CQWPPagingControls strong
{
    margin-left: 15px;
}

.sos-CQWPDate
{
    font-size: 15px;
    color: #666;
    margin-right: 5px;
}

/*  CSS satt i XSLT för WPCurrent (SOS specialare av CQWP webparten som finns under aktuellt som listar nyhetsartiklar) */

.sos-CQWPLink-AlternateItem a
{
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
    color: #0072bc;
}

.sos-CQWPLink-AlternateItem
{
    padding-bottom: 5px;
    background-color: #f4f6f6;
}

.sos-CQWPimage
{
    border: none;
}

.cbq-layout-main {
    text-align: center;
}

.cbq-layout-main .dfwp-column.dfwp-list {
    text-align: left;
}

.dfwp-item .item {
    padding-left: 0;
}

.sos-WPContentBoxContent iframe {
    padding: 0 12px 0 0;
}