/*style.css = fixed centered layout for publishing, fluid set up for mysite/workspaces/communities */

/* General elements
----------------------------------------------------------------------------------------------------*/
body { height: 100%; width: 100%; overflow:hidden; margin: 0 auto; /* [ReplaceColor(themeColor:"BodyText")] */ color:#333;  }
.ms-backgroundImage{/* [ReplaceBGImage] */ }
a img {border:0;}
th {font-weight:normal; text-align:left;}

/* Links - no separate color for visited */
a,a:link, .ms-vb a:link, .ms-vb2 a:link, .ms-vb-user a:link, a:visited,.ms-link:visited,
.ms-socialCommentContents a:link, .ms-socialCommentContents a:visited,.ms-socialCommentItem .socialcomment-username a:link, .ms-socialCommentItem .socialcomment-cmdlink a:link, .ms-socialCommentItem .socialcomment-cmdlink a:visited, ul.dfwp-column.dfwp-list li.dfwp-item.workspaces .title a, .breadcrumb a:visited, .ms-askMeAbout-aboutMe a, .ms-askMeAbout-aboutMe a:visited, a#ms-externalLink,.ms-subtleLink:hover,.ms-atMention:hover,.ms-hashTag:hover,.ms-subtleLink:active,.ms-atMention:active,.ms-hashTag:active,.ms-calloutLink:hover,.ms-commandLink:hover,.ms-secondaryCommandLink:hover,.ms-calloutLink:active,.ms-commandLink:active,.ms-secondaryCommandLink:active,.ms-heroCommandLink,.ms-heroCommandLink:visited, .ms-heroCommandLink:hover,.ms-heroCommandLink:active,.ms-subtleEmphasisCommand:hover, .ms-subtleEmphasisCommand:active,.RemoveConnectionLink
{ outline:none; text-decoration:none; /* [ReplaceColor(themeColor:"Hyperlink")] */ color:#0083AF; }                                                                     
/* suitebar & pagetitle links */
a.ms-core-suiteLink-a, a.ms-core-suiteLink-a:visited, a.ms-core-suiteLink-disabled {color:#fff;}
.ms-core-pageTitle a {/* [ReplaceColor(themeColor:"SiteTitle")] */ color:#333;}
/* hover & active */
a:hover, a:active, .ms-vb a:hover, .ms-vb2 a:hover, .ms-vb-user a:hover,  .ms-webpart-titleText > a:hover, .ms-WPBody a:hover, #s4-titlerow .links a:hover, ul.dfwp-column.dfwp-list li.dfwp-item.workspaces .title a:hover, .breadcrumb a:hover { text-decoration:underline; }
#s4-ribbonrow a:hover {text-decoration:none;}
/* print this page link */
a.print {display:inline-block; margin: 10px 0 10px 200px; padding-left: 23px; font-size:0.9em; background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) no-repeat 0 0;} 

/* Headings font-sizes & padding & margin */
h1,h2,h3,h4,h5,h6,.ms-h1,.ms-h2,.ms-h3,.ms-h4,.ms-h5,.ms-h6 {padding:0.5em 0 0.3em; margin:0; color:#333;}
h1,.ms-h1,.ms-rteElement-H1,.ms-rteElement-H1B, .ms-core-pageTitle {font-size: 2.3em; line-height: 1.1em; padding-top:0; }
h2,.ms-h2,.ms-rteElement-H2,.ms-rteElement-H2B {font-size: 1.46em; }
h3,.ms-h3,.ms-rteElement-H3,.ms-rteElement-H3B {font-size: 1.15em; }
h4,.ms-h4,.ms-rteElement-H4,.ms-rteElement-H4B {font-size: 1em; font-style:normal; font-weight:bold; padding-bottom:0; }
.ms-core-pageTitle {white-space:normal;}

/* Headings colors */
h1,.ms-h1, .ms-rtestate-field h4,h4.ms-rteElement-H4{/* [ReplaceColor(themeColor:"SubtleBodyText")] */ color:#333;}
h2,h3,.ms-h2,.ms-h3,.ms-headerFont, h4,.ms-h4{/* [ReplaceColor(themeColor:"StrongBodyText")] */ color:#333;}
.ms-rtestate-field h1,h1.ms-rteElement-H1,.ms-rtestate-field h2,h2.ms-rteElement-H2, .ms-rtestate-field h3, h3.ms-rteElement-H3 {/* [ReplaceColor(themeColor:"ContentAccent1")] */ color:#333;}
h1.ms-rteElement-H1B,h2.ms-rteElement-H2B,h3.ms-rteElement-H3B,h4.ms-rteElement-H4B {/* [ReplaceColor(themeColor:"ContentAccent2")] */ color:#333;}

/* paragraphs */
p, .ms-rtestate-field p, p.ms-rteElement-P {color:#333; margin: 0 0 10px 0; line-height: 1.5em;}


/* --------------------------- font-families for whole site ---------------------------*/

/* body font-family & font-size */
body,.ms-core-defaultFont,#pageStatusBar,.ms-status-msg,.js-callout-body {/* [ReplaceFont(themeFont:"body")] */ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;font-size:13px;}

input[type=button],input[type=reset],input[type=submit],button,.ms-viewselector-currentView,.ms-taskdate-daysvalue,.ms-taskdate-daysunit,.ms-metadata,.ms-descriptiontext,.ms-secondaryCommandLink, .ms-calloutLink:link,
a.ms-calloutLink:visited,.ms-calloutLinkDisabled,.ms-commandLink,.ms-commandLink:visited,.ms-secondaryCommandLink,.ms-secondaryCommandLink:visited,.ms-rte-autocomplete,.ms-rte-srcdialog-text,.ms-rteStyle-Normal,
.js-folder-preview-count,.ms-propertysheet th.ms-vh2-nofilter-notextalign,.ms-blog-skinSelector,.ms-cui-ribbon,.ms-cui-menu,.ms-cui-toolbar-toolbar,.ms-cui-contextmenu-inner, .ms-cui-cb-input,.ms-cui-tb,
.ms-cui-spn-txtbx {/* [ReplaceFont(themeFont:"body")] */ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* large-heading */
h1, .ms-h1, .ms-largeNumber { /* [ReplaceFont(themeFont:"large-heading")] */font-family: "Segoe UI Light","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* heading */
h2,h3,.ms-h2,.ms-h3,.ms-headerFont, .ms-dlg-heading,h2.ms-dlg-heading,.ms-webpart-titleText.ms-webpart-titleText,.ms-webpart-titleText > a {/* [ReplaceFont(themeFont:"heading")] */ font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* small-heading */
h4,h5,h6,.ms-h4,.ms-h5,.ms-h6{/* [ReplaceFont(themeFont:"small-heading")] */ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* title */
.ms-core-pageTitle,.ms-core-pageTitle a {/* [ReplaceFont(themeFont:"title")] */ font-family: "Segoe UI Light","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* navigation */
.ms-core-navigation, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item,.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit,.ms-core-listMenu-heading,.ms-tv-header {/* [ReplaceFont(themeFont:"navigation")] */ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* large-body */
.ms-textLarge,.ms-textXLarge.ms-emptyMode,.ms-attractMode{/* [ReplaceFont(themeFont:"large-body")] */ font-family:"Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}


/* #region Containers */
/* wrapper */
#s4-bodyContainer {position: relative;  } 

/* fixed width for publishing, fluid width for mysite/workspaces/communinities */
#wrapper {width: 960px; margin:0 auto; background-color: #fff;clear:both; padding: 0 10px;}
.fluid #wrapper {width: auto; min-width:900px; padding-left:0; padding-right:0;}
.ms-dialog .fluid #wrapper {min-width:0px;} /* fix for dialogs */

/* suite bar custom color  */
#suiteBarLeft .ms-table{/* [ReplaceColor(themeColor:"SuiteBarBackground")] */ background-color:#00A0D6; /* [ReplaceColor(themeColor:"SuiteBarText")] */ color:#fff;}

/* titleRow */
#s4-titlerow {margin-top: 0px; position:relative; padding-top:0; padding-bottom:0; height:64px; }
.fluid #s4-titlerow {margin-right: 20px;}

/* contentarea */
#contentRow {padding-top: 15px; clear:both; }
	#sideNavBox {width: 180px; margin:0;}
	#contentBox {min-width:760px; margin-left: 200px; margin-right:0;}
        .fluid #contentBox {min-width:703px;margin-right: 20px;} /* ootb min-width for mysite/workspaces/communinities */
        .ms-dialog .fluid #contentBox {margin: 0px; min-width: 0px;}  /* fix for dialogs */
    .ms-fullscreenmode #contentBox {margin-left: 0px;}
    .fluid.ms-fullscreenmode #contentBox {margin-left: 15px;}

/* footer */
#footer { position: relative; clear:both; display:block; border-top: 4px solid #eaeaea;color: #666666;font-size: 0.9em;padding: 25px 0 20px;  }
.fluid #footer {margin: 0 20px 0 15px;}

/* clearing floats*/
#s4-titlerow:before, #contentRow:before, #footer:before, #s4-titlerow:after, #contentRow:after, #footer:after {content:"";display:table;}
#s4-titlerow:after, #contentRow:after, #footer:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#s4-titlerow,#contentRow {zoom:1;}

/*#region Unhide ribbon*/

/* ribbon is hidden with inline styles in several out-of-the-box pages and page layouts */
#mysite-ribbonrow { display:block !important; }
#s4-ribbonrow { display:block !important; }

/*#endregion */


/* Publishing content columns
----------------------------------------------------------------------------------------------------*/
/* main column  */
.main {width: 62%; float: left; margin: 0; padding: 0px;}
.main.frontpage, .main.location {} /*mainWelcome */
.main.wide {width: 100%; margin: 0;} /* contentPageWide */
.contentpage {float: left; width: 100%;} /* contentPage wrapper */
.contentpage .main.wide {margin-top: 20px;} /* wide area on contentPage */

/* related column */
.related {width: 36%; float: left; margin: 0 0 0 2%; padding:  0px; }
.related.frontpage, .related.location {}

.main img, .related img {max-width: 100%;}
.ms-webpart-menuArrowImg {max-width: none !important;} /*max-width broke webpart arrows in edit mode */


/* #s4-titlerow elements
----------------------------------------------------------------------------------------------------*/

a#pullMainNav { display:none; cursor: pointer; float:right; height:18px; padding:3px 25px 3px 25px; margin: 2px 0 2px 0; color:#000; 
               background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) transparent no-repeat 5px -145px; border: 1px solid #333; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
a#pullMainNav:hover {}

a#pullSubNav {display:none; cursor: pointer; height:18px; padding:6px 0px 6px 5px;  margin: 0; color:#000; 
              background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) #f3f3f3 no-repeat right -189px;}
a#pullSubNav:hover { background-color:#eee; }
a#pullSubNav.open {background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) #f3f3f3 no-repeat right -239px;} 

/*logo*/
.logo {float: left;  height:30px; position:fixed; top:0;left:0; z-index:100;}
.logo img { max-height: 30px;}

/*suitebar overwrites*/
.ms-core-brandingText {display:none;}
a.ms-core-suiteLink-a:hover { /* [ReplaceColor(themeColor:"SuiteBarHoverBackground")] */  background-color: #fff;color: #000;}

/*main navigation*/
.nav { float:left; margin: 28px 0 0 0px;  }
.ms-core-listMenu-horizontalBox {vertical-align:top;}
.nav ul {padding:0;margin:0;list-style:none; display:inline-block;}
.nav li.static { display:inline-block;}
/*.nav li.static > .menu-item {font-size:1.1em; font-weight:normal;padding:6px 12px; margin-right: 2px; color:#000; height:15px; display: inline-block; border:0;  }
.nav li.static > .menu-item.selected {color:#000; font-weight:bold;}
.nav li.static > .menu-item:hover {text-decoration:none; color:#666; }*/

/*my site & workspaces links aside top navigation*/
 .mysitelink {margin: 0; padding: 0; position: absolute; right: 260px; top: 6px;}
 .fluid .mysitelink {right: 260px; top: 8px;} 
 .mysitelink a { font-size:1em; color: #333;padding:6px 12px;}
 .mysitelink a:hover {color:#000; text-decoration:none;}

/*search*/
.ms-mpSearchBox {width: 253px;}
#searchInputBox {float:right; margin-top: 5px; position: absolute; right: 0;margin-bottom:0; }
#searchInputBox.ms-mysite-searchBox {position: static;}
.ms-mpSearchBox.ms-mysite-searchBox, .ms-commportal-searchArea, .ms-contentFollowing-searchBox {display:none;} /*hide double search in mysite & personal site & communities */

/*To enable header section in result.aspx page of search module*/
.news4title #s4-titlerow { display:block!important;}
.ms-fullscreenmode .news4title #s4-titlerow  { display:none!important;}
 
/*header & footer links*/
.HeaderFooterLinks.TopLeft div, .HeaderFooterLinks.BottomLeft div {float:left; margin-right: 20px; font-size:0.9em; }
.HeaderFooterLinks.TopRight div, .HeaderFooterLinks.BottomRight div {float:left; margin-left: 20px; font-size:0.9em;  }
#s4-titlerow .links a {}
#s4-titlerow .links a:hover {color:#000;}
#s4-titlerow .TopLeft {font-size:0.9em; position: absolute; top: 6px; left:12px;}
#s4-titlerow .TopRight {font-size:0.9em;position: absolute; top:38px; right:0px;}
#footer .BottomLeft {position: absolute; top:5px; left:0;}
#footer .BottomRight {position: absolute; top:5px; right:0;}


/* Breadcrumb & statusbar 
----------------------------------------------------------------------------------------------------*/
.breadcrumb {padding: 0 0 5px 0; }
.breadcrumb li, .breadcrumb ul {display:none;} /*hiding breadcrumb from site settings frontpage*/

/* left column navigation
----------------------------------------------------------------------------------------------------*/

#sideNavBox .ms-core-listMenu-verticalBox {border-right: 1px solid #e1e1e1; padding-right: 10px;}
#sideNavBox .ms-core-listMenu-verticalBox {font-size: 0.9em; padding-bottom:10px;}
#sideNavBox .ms-core-sideNavBox-removeLeftMargin, #sideNavBox .ms-core-sideNavBox-removeLeftMargin .ms-core-listMenu-verticalBox {border-right:0; margin-left:0; padding-right:0;}

/* first level  */
#sideNavBox .ms-core-listMenu-verticalBox ul.root ul {margin-bottom:5px;}
#sideNavBox .ms-core-listMenu-verticalBox ul.root > li > .menu-item {  margin:0; border: 0; font-size: 1em; line-height:1.3em; padding: 5px 0px 5px 10px !important; color:#666; } 

/*  hover  */
#sideNavBox .ms-core-listMenu-verticalBox ul > li > a:hover, 
#sideNavBox .ms-core-listMenu-verticalBox ul.root > li > a:hover {text-decoration: none; background-color: rgba(205, 230, 247, 0.5);   } 

/* selected */
#sideNavBox .ms-core-listMenu-verticalBox a.selected, 
#sideNavBox .ms-core-listMenu-verticalBox ul li .menu-item.selected { background-color: rgba(102, 102, 102, 0.1);    } 
/* visited for selected  */
#sideNavBox .ms-core-listMenu-verticalBox a.selected.menu-item:visited .menu-item-text { } 

 /* second level  */
#sideNavBox .ms-core-listMenu-verticalBox ul.root ul > li > a { padding: 5px 0px 5px 19px; color:#666;}
 /* second level hover  */
#sideNavBox .ms-core-listMenu-verticalBox ul.root ul > li > a:hover { text-decoration:none;}

/* left column navigation for mysite & workspaces
----------------------------------------------------------------------------------------------------*/
#sideNavBox.ms-mysite-sideNavBox {padding-left:0; background-color: #F1F1F1; overflow:hidden;}
.ms-mysite-sideNavBox  .ms-core-listMenu-verticalBox, .workspaces .ms-core-listMenu-verticalBox {border-right: 0; padding-right: 0px;}
#sideNavBox.ms-mysite-sideNavBox ul.root > li > .menu-item { padding: 5px 0px 5px 20px !important; } 

/* Content elements inside #contentRow
----------------------------------------------------------------------------------------------------*/

/* highlight link lists / link-items (overrides some styles from controls.css) */
.item {padding-left:0; clear:both !important;}
.image-area-left {padding-right:0;width: 63px;display:inline-block;}
.related .image-area-left {margin-bottom: 15px;}
.link-item {margin-bottom:10px; }
.link-item a, .link-item a:link {} /*link items*/
.main .link-item a {font-size: 14px; }
.description {} /*body text for link items*/

/* news link items */
.item.link-item {padding:2px 0;}
.item.link-item a {}

/* workspaces front page list */
.dfwp-column.dfwp-list .link-item {float:none; width: auto;}
ul.dfwp-column.dfwp-list {margin:0; padding:0; list-style-type: none; clear:both;}
ul.dfwp-column.dfwp-list li.dfwp-item.workspaces .title {float:left;}
ul.dfwp-column.dfwp-list li.dfwp-item.workspaces .description {float:left; padding-bottom: 5px; padding-right:7px;  width:65px; }
ul.dfwp-column.dfwp-list li.dfwp-item.workspaces {margin:0; padding:0; clear:both;}
ul.dfwp-column.dfwp-list + span {display:block; clear:both; margin-top:10px;}

/*news site*/
.tags {font-size: 0.9em;  margin-top:10px;} 
.date {display:block; font-size:0.9em;}
.tagsText {padding-right: 3px;  color: #666;}
.publishedDate { margin-bottom: 10px; font-size: 0.9em; color: #666;}
.publishedDate .required {color: #666;}
.required .ms-formfieldvaluecontainer {color:#333;}
.introduction {font-weight:bold; margin-bottom: 15px;}
/*comments*/
.ms-socialCommentItem .socialcomment-bottom {padding-bottom: 12px;}

/*locations site*/
.LocationsListings .dfwp-column {float:none;}
.LocationsListings h3.ms-WPTitle {margin-top:10px; padding-bottom:0; font-size:15px;} 
.LocationsListings ul ul li {margin-top: 5px; font-weight:bold;}
.LocationsListings ul ul ul li {margin-top: 0px; font-weight:normal;}  

.locationListing { }
.locationItem {border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom:10px;}
.locationImage {float:left; display:inline-block; width: 156px;}
.locationImage img {max-width: 146px; margin-bottom:10px;}
.locationItem .locationContact {}
.locationListing .locationContact {}
.locationContact + h4 {padding-top:0;}

.locationLink {margin:6px 0 4px 0; display:inline-block; } /*mylocation link on frontpage*/
.mylocation .item{padding-top:0;} /*news list on frontpage*/
.mylocation {float:none;}

.mapLink {margin:5px 0px;}
.mapLink a {padding-left:20px; background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) no-repeat 0 -50px;display: inline-block;line-height: 24px;padding-left: 22px;}


/* Webparts & ootb styles
----------------------------------------------------------------------------------------------------*/

/* webpart containers */
.s4-wpcell-plain, .s4-wpcell, .s4-wpActive {}
.s4-wpcell-plain .ms-webpart-chrome, .s4-wpcell .ms-webpart-chrome {}
.ms-webpartzone-cell {margin-bottom: 20px;}  /* spacing between webparts */

/* webpart header */
.ms-webpart-titleText, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a,
.ms-WPTitle, .ms-WPTitle a, .ms-WPTitle a:visited, .ms-webpart-titleText > a:hover, .s4-wpActive .ms-WPTitle,.s4-wpActive .ms-WPTitle a { display:block; /* [ReplaceColor(themeColor:"WebPartHeading")] */ color: #333; }
.related .ms-webpart-titleText {padding-top:0;}

/* webpart content */
.ms-WPBorder, .ms-WPBorderBorderOnly {border:0;}
.ms-wpContentDivSpace {margin:0; }
 .ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh-icon-empty,.ms-vh2-nofilter,.ms-vh2-nofilter-notextalign,.ms-vh2-nofilter-perm,
 .ms-vhImage,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-vh2-nofilter-icon,.ms-ph  {font-size: 12px;}
.ms-gb,.ms-gb2,.ms-gbload,.ms-vb-tall,.ms-vb-user,.ms-pb,.ms-pb-selected td{/* [ReplaceColor(themeColor:"BodyText")] */ color:#333;}

/* responsive webparts hack */
/*.ms-webpart-zone,.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical {display:block;}*/


/* my site
----------------------------------------------------------------------------------------------------*/
div.ms-profile-image {margin-left:0;}
.ms-profile-image {width: 180px;}
.ms-profile-nameOverlay, .ms-profile-nameOverlay:hover, .ms-profile-nameOverlay:link, .ms-profile-nameOverlay:visited, .ms-profile-nameOverlay:active {width:160px;}


/* workspaces
----------------------------------------------------------------------------------------------------*/
/*breadcrumb hack for workspaces*/
.workspacesBreadCrumbItem {padding-left: 4px;}
.workspacesBreadCrumbItem:before {content:"> "; color:#333;}
#ctl00_Breadcrumb span:first-child .workspacesBreadCrumbItem {padding-left:0; } 


/* Edit mode 
----------------------------------------------------------------------------------------------------*/
.metafield {margin-bottom: 15px; width: 460px;}

.edit-mode-panel {font-size: 12px;}
.edit-mode-panel.roll-up {margin: 0 0 20px 4px !important;padding: 0 2px;font-weight: normal;}
h1 + .edit-mode-panel.roll-up {margin-top:-10px !important;}
h1 .ms-formfieldvaluecontainer {margin-top: -3px;}
div.ms-inputuserfield {border: 1px dotted #999; outline:none;}

/* used in page layouts for fields which are required */
.required {color:#333;}
.required .ms-formfieldlabel:after { content:" * "; font-weight:bold; color: #FF0000;}
.required .ms-formfieldlabel {color: #000000 !important;font-weight: bold !important;}

/* page-layouts-21.css overwritten */
div.article, div.welcome {padding: 0px; }
.article-content, .welcome-content {color: #333;}

/* webpart tables in edit mode*/
.ms-SPZone {border-collapse: collapse;}

/* edit mode width when webpart properties is opened*/
table#MSO_tblPageBody { min-width: 1020px; }

/* Editor styles
----------------------------------------------------------------------------------------------------*/

/* Markup styles */
.ms-rteElement-H1B {color: #00A0D6;}
.ms-rteElement-H2B {color: #00A0D6;}
.ms-rteElement-H3B {color: #00A0D6;}
.ms-rteElement-H4B {color: #00A0D6;}

.ms-rteElement-Callout1 {background-color: #7FBFE2;border: 1px solid #00A0D6;float: left;color:#000;padding: 10px;width: 25em;}
.ms-rteElement-Callout2 {background-color: #7FBFE2;border: 1px solid #00A0D6;float: right;color:#000;padding: 10px;width: 25em;}
.ms-rteElement-Callout3 {background-color: #00A0D6;border: 1px solid #016fab;float: right;color: #fff;font-style: normal;padding: 10px;width: 25em;}
.ms-rteElement-Callout4 {background-color: transparent;border: 0;float: right;color: #00A0D6;font-style: normal; padding: 10px;width: 25em;}

/* Styles */
.ms-rteStyle-Normal{ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size:13px; color:#333; background-color:transparent;font-weight:normal;}
.ms-rteStyle-Byline,.ms-rteStyle-Quote,.ms-rteStyle-IntenseQuote {font-style:italic;color:#B6B6B6;}
.ms-rteStyle-Emphasis,.ms-rteStyle-IntenseEmphasis{font-style:italic; color:#0072C6;}
.ms-rteStyle-References,.ms-rteStyle-IntenseReferences{color:#828282;}
.ms-rteStyle-IntenseQuote,.ms-rteStyle-IntenseEmphasis,.ms-rteStyle-IntenseReferences{text-decoration:underline;}
.ms-rteStyle-Comment,.ms-rteStyle-Accent1{color:#666; font-style: italic; text-shadow: none;}
.ms-rteStyle-Caption,.ms-rteStyle-Accent2{color:#ff9933;}
.ms-rteStyle-Tagline{font-size:1.1em; color:#666;}
.ms-rteStyle-Highlight{color:#000;background-color:#ff9933;}

/* Fonts */
.ms-rteFontFace-1{-ms-name:"Tahoma";font-family:tahoma;}
.ms-rteFontFace-2{-ms-name:"Courier";font-family:courier,monospace;}
.ms-rteFontFace-3{-ms-name:"Times New Roman";font-family:"Times New Roman",Times,serif;}
.ms-rteFontFace-4{-ms-name:"Comic Sans";font-family:"Comic Sans","Comic Sans MS",cursive;}
.ms-rteFontFace-5{-ms-name:"Calibri";font-family:Calibri;}
.ms-rteFontFace-6{-ms-name:"Georgia";font-family:Georgia;}
.ms-rteFontFace-7{-ms-name:"Impact";font-family:Impact;}
.ms-rteFontFace-8{-ms-name:"Trebuchet MS";font-family:"Trebuchet MS",helvetica;}
.ms-rteFontFace-9{-ms-name:"Palatino Linotype";font-family:"Palatino Linotype",Palatino,serif;}
.ms-rteFontFace-10{-ms-name:"Lucida Console";font-family:"Lucida Console",monaco,sans-serif;}
.ms-rteFontFace-11{-ms-name:"Garamond";font-family:garamond;}
.ms-rteFontFace-12{-ms-name:"Segoe UI";font-family:"Segoe UI",Tahoma;}
.ms-rteThemeFontFace-1 {-ms-name:"Body";/* [ReplaceFont(themeFont:"body")] */ font-family:"Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}
.ms-rteThemeFontFace-2 {-ms-name:"Heading";/* [ReplaceFont(themeFont:"heading")] */ font-family:"Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;}

/* -----------  Tables ----------- */

/* default table: no design selected */
.ms-rteTable-default{-ms-name:"Default Table Style - Light";}
.ms-rteTable-default,.ms-rteTable-default > tbody > tr > td,.ms-rteTable-default > tbody > tr > th,td.ms-rteTable-default,th.ms-rteTable-default,.ms-rtetablecells {
    border:1px solid #c6c6c6;}

/* 0: clear*/    
.ms-rteTable-0 {-ms-name:"Table Style 1 - Clear";}

/* 1: light banded */
.ms-rteTable-1{-ms-name:"Table Style 2 - Light Banded";}
.ms-rteTable-1 tr.ms-rteTableHeaderRow-1,.ms-rteTable-1 tr.ms-rteTableFooterRow-1,.ms-rteTable-1 tr.ms-rteTableHeaderRow-1 > th,.ms-rteTable-1 tr.ms-rteTableFooterRow-1 > th,.ms-rteTable-1 tr.ms-rteTableFooterRow-1 > td{
background-color:#fff;background-color:rgba( 255,255,255,0.85 ); border-top:1px solid #ababab; border-bottom:1px solid #ababab;}
.ms-rteTable-1 tr.ms-rteTableOddRow-1{background-color:#D8D8D8;}
.ms-rteTable-1 tr.ms-rteTableEvenRow-1{background-color:#fff; }

/* 6: medium two tones*/
.ms-rteTable-6{-ms-name:"Table Style 3 - Medium Two Tones";}
.ms-rteTable-6 tr.ms-rteTableHeaderRow-6,.ms-rteTable-6 tr.ms-rteTableFooterRow-6,.ms-rteTable-6 tr.ms-rteTableHeaderRow-6 > th,.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > th,.ms-rteTable-6 tr.ms-rteTableFooterRow-6 > td{
 background-color:#00A0D6;color:#fff;}
.ms-rteTable-6 tr.ms-rteTableOddRow-6{background-color:#93d6ed;}
.ms-rteTable-6 tr.ms-rteTableEvenRow-6{background-color:#fff;}

/*  2: light lines*/
.ms-rteTable-2{-ms-name:"Table Style 4 - Light Lines";}
.ms-rteTable-2 tr.ms-rteTableHeaderRow-2,.ms-rteTable-2 tr.ms-rteTableFooterRow-2,.ms-rteTable-2 tr.ms-rteTableHeaderRow-2 > th,.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > th,.ms-rteTable-2 tr.ms-rteTableFooterRow-2 > td{background-color:#444;color:#fff;}
.ms-rteTable-2 tr.ms-rteTableOddRow-2,.ms-rteTable-2 tr.ms-rteTableEvenRow-2{border-top:1px solid #92c0e0;border-bottom:1px solid #92c0e0;}

/*  3: grid*/
.ms-rteTable-3{-ms-name:"Table Style 5 - Grid";}
.ms-rteTable-3,.ms-rteTable-3 > tbody > tr > td,.ms-rteTable-3 > tbody > tr > th{ border:1px solid #ababab;}
.ms-rteTable-3 tr.ms-rteTableOddRow-3{background-color:#D8D8D8; }
.ms-rteTable-3 tr.ms-rteTableHeaderRow-3,.ms-rteTable-3 tr.ms-rteTableFooterRow-3,.ms-rteTable-3 tr.ms-rteTableEvenRow-3{background-color:#fff;}

/*  4: accent 1*/
.ms-rteTable-4{-ms-name:"Table Style 6 - Accent 1";}
.ms-rteTable-4,.ms-rteTable-4 > tbody > tr > td,.ms-rteTable-4 > tbody > tr > th{border:1px solid #005594;}
.ms-rteTable-4 tr.ms-rteTableHeaderRow-4,.ms-rteTable-4 tr.ms-rteTableFooterRow-4,.ms-rteTable-4 tr.ms-rteTableHeaderRow-4 > th,.ms-rteTable-4 tr.ms-rteTableFooterRow-4 > th,.ms-rteTable-4 tr.ms-rteTableFooterRow-4 > td
{background-color:#005594;color:#fff;}

/*  5: accent 2*/
.ms-rteTable-5{-ms-name:"Table Style 7 - Accent 2";}
.ms-rteTable-5,.ms-rteTable-5 > tbody > tr > td,.ms-rteTable-5 > tbody > tr > th{border:1px solid #00A0D6;}
.ms-rteTable-5 tr.ms-rteTableHeaderRow-5,.ms-rteTable-5 tr.ms-rteTableFooterRow-5,.ms-rteTable-5 tr.ms-rteTableHeaderRow-5 > th,.ms-rteTable-5 tr.ms-rteTableFooterRow-5 > th, .ms-rteTable-5 tr.ms-rteTableFooterRow-5 > td{
background-color:#00A0D6;color:#fff;}

/*  7: accent 3*/
.ms-rteTable-7{-ms-name:"Table Style 8 - Accent 3";}
.ms-rteTable-7,.ms-rteTable-7 > tbody > tr > td,.ms-rteTable-7 > tbody > tr > th{border:1px solid #1D603F;}
.ms-rteTable-7 tr.ms-rteTableHeaderRow-7,.ms-rteTable-7 tr.ms-rteTableFooterRow-7,.ms-rteTable-7 tr.ms-rteTableHeaderRow-7 > th,.ms-rteTable-7 tr.ms-rteTableFooterRow-7 > th,.ms-rteTable-7 tr.ms-rteTableFooterRow-7 > td{
background-color:#1D603F;color:#fff;}

/*  8: accent 4*/
.ms-rteTable-8{-ms-name:"Table Style 9 - Accent 4";}
.ms-rteTable-8,.ms-rteTable-8 > tbody > tr > td,.ms-rteTable-8 > tbody > tr > th{border:1px solid #585A40;}
.ms-rteTable-8 tr.ms-rteTableHeaderRow-8,.ms-rteTable-8 tr.ms-rteTableFooterRow-8,.ms-rteTable-8 tr.ms-rteTableHeaderRow-8 > th,.ms-rteTable-8 tr.ms-rteTableFooterRow-8 > th,.ms-rteTable-8 tr.ms-rteTableFooterRow-8 > td{
background-color:#585A40;color:#fff;}

/*  9: accent 5*/
.ms-rteTable-9{-ms-name:"Table Style 10 - Accent 5";}
.ms-rteTable-9,.ms-rteTable-9 > tbody > tr > td,.ms-rteTable-9 > tbody > tr > th{border:1px solid #B10026;}
.ms-rteTable-9 tr.ms-rteTableHeaderRow-9,.ms-rteTable-9 tr.ms-rteTableFooterRow-9,.ms-rteTable-9 tr.ms-rteTableHeaderRow-9 > th,.ms-rteTable-9 tr.ms-rteTableFooterRow-9 > th,.ms-rteTable-9 tr.ms-rteTableFooterRow-9 > td{
background-color:#B10026;color:#fff;}

/*  10: accent 6*/
.ms-rteTable-10{-ms-name:"Table Style 11 - Accent 6";}
.ms-rteTable-10,.ms-rteTable-10 > tbody > tr > td,.ms-rteTable-10 > tbody > tr > th{ border:1px solid #4E1F5B;}
.ms-rteTable-10 tr.ms-rteTableHeaderRow-10,.ms-rteTable-10 tr.ms-rteTableFooterRow-10,.ms-rteTable-10 tr.ms-rteTableHeaderRow-10 > th,.ms-rteTable-10 tr.ms-rteTableFooterRow-10 > th,.ms-rteTable-10 tr.ms-rteTableFooterRow-10 > td{
background-color:#4E1F5B; color:#fff;}


/*media queries - only for publishing master: separated with .publishing class in the body tag of master template
-------------------------------------------------------------------------------------------------- */
            
@media all and (max-width:990px) {
.publishing #wrapper {width: 96%; padding-left: 2%; padding-right: 2%;}
.publishing #contentBox {min-width: 0;}

/* special hacks for apps that are in iframe*/
iframe {width: 100%;}
.ms-webpart-chrome.ms-webpart-chrome-vertical, .ms-webpart-chrome.ms-webpart-chrome-vertical .ms-WPBody  {width: 100% !important;}
.frontpage.alerts .ms-webpart-chrome.ms-webpart-chrome-vertical, .frontpage.alerts .ms-webpart-chrome.ms-webpart-chrome-vertical .ms-WPBody  {width: 100% !important;}

}

@media all and (max-width:767px) {
.main, .related {width: 100%; float:none; margin-left:0;}
.related .image-area-left, .main .image-area-left  {margin-bottom:10px;}

.publishing #s4-titlerow {height:auto;}
.publishing #contentRow {padding-top: 10px;}
.publishing #contentBox {margin-left:0;}
.publishing #sideNavBox {width: 100%; float:none; background-color:#f3f3f3;}
.publishing #sideNavBox .ms-core-listMenu-verticalBox {border-right:0;}
.publishing a.print {margin-left:0;}

/* toplinks */
.publishing #s4-titlerow .TopLeft {position: static; float:left;}
.publishing #s4-titlerow .TopRight {position: static; position: static; float:right;}

/* main navigation, search, toplinks, solution links */
.publishing .nav, .publishing .mysitelink, .publishing #searchInputBox,.publishing .links { display: none; }  
a#pullMainNav { display: inline-block; }  

.publishing .nav,.publishing #s4-titlerow .links,.publishing  .mysitelink {background-color:#f4f4f4}

.publishing #searchInputBox { padding: 0; margin-top: 35px; float:none; position: static;}
.publishing #searchInputBox .ms-mpSearchBox {width: 100%;}
.publishing #searchInputBox .ms-srch-sb-border, .publishing #searchInputBox .ms-srch-sb-borderFocused {width: 99%; background-color:#fff;}
.publishing #searchInputBox .ms-srch-sb > input, .publishing #searchInputBox .ms-srch-sb > input:focus {width: 89%;}
.publishing #searchInputBox .ms-srch-sb > .ms-srch-sb-searchLink {float:right;}

.publishing .nav { float:none; margin: 0px;}
/*.publishing .ms-core-listMenu-horizontalBox,.publishing .nav ul,.publishing .nav li.static,.publishing .nav li.static > .menu-item  {display:block;}
.publishing .nav li.static > .menu-item {color:#000; margin-right:0;}
.publishing .nav li.static > .menu-item.selected { background-color:#c9c9c9; color:#000; }
.publishing .nav li.static > .menu-item:hover { background-color:#e3e3e3; color:#000 }*/

.publishing .mysitelink { float:none; position: static; margin:0; padding: 0;}   
.publishing .mysitelink a { display:block;color:#000;}
.publishing .mysitelink a:hover {background-color:#e3e3e3; color:#000;}

.publishing #s4-titlerow .links { padding: 0; }
.publishing #s4-titlerow .TopLeft, .publishing #s4-titlerow .TopRight {float:none; margin-right:0; margin-left:0; border-top: 1px solid #eee; }
.publishing .HeaderFooterLinks.TopLeft div, .publishing .HeaderFooterLinks.TopRight div {float:none; margin-right:0; margin-left:0;}

.publishing #s4-titlerow .links a {display:block; padding: 6px 8px; }
.publishing #s4-titlerow .links a:hover {background-color:#c9c9c9; color:#000;}

/* sub navigation*/
.publishing #sideNavBox { display: none; height: auto; }  
a#pullSubNav { display: block; }

/* commenting*/
.publishing .ms-socialCommentItem .socialcomment-contents {width: 100%;}

/* search */
.ms-searchCenter-main, #SearchBox.ms-floatLeft, .ms-srch-sbLarge {width:100%; }
.ms-srch-sbLarge-fullWidth {width:85%;}
.ms-srch-sbLarge > .ms-srch-sb-searchLink {float:right;}
}

@media all and (max-width:479px) {
    .publishing #suiteBar, .publishing #s4-ribbonrow {display:none !important;}
    .publishing #s4-titlerow {/* [ReplaceColor(themeColor:"SuiteBarBackground")] */ background-color:#00A0D6; margin-left:-2%; margin-right: -2%; }
    .publishing .logo {position: absolute;}

    /* main navigation, search, toplinks, solution links */
    a#pullMainNav { background: url(/_layouts/15/MGSPMetsaTissueKatrin/img/sprite.png) transparent no-repeat 5px -95px; border: 1px solid #fff; margin-right: 6px;}

    .publishing #searchInputBox {padding: 0 6px;}
    
    .publishing .nav,.publishing #s4-titlerow .links,.publishing .mysitelink {background-color:transparent;}
    /*.publishing .nav li.static > .menu-item {color:#fff;}
    .publishing .nav li.static > .menu-item.selected { background-color:transparent; color:#fff; }
    .publishing .nav li.static > .menu-item:hover { background-color:#fff; color:#000; }*/

    .publishing .mysitelink a { color:#fff;}
    .publishing .mysitelink a:hover {background-color:#fff; color:#000;}

    .publishing #s4-titlerow .links a {color:#fff;}
    .publishing #s4-titlerow .links a:hover {background-color:#fff; color:#000; }
}   

/* print css 
----------------------------------------------------------------------------------------------------*/
@media print {
    body, #s4-bodyContainer, .ms-backgroundImage {background:none;} 
    .ms-dialogHidden, a.print, .related, #suiteBar, #s4-ribbonrow, a#pullMainNav {display:none;}
    #s4-titlerow {height:auto;}
    #s4-titlerow .ms-dialogHidden {display:block;} .logo.ms-dialogHidden {display:block;} /* show logo */
    #s4-titlerow .nav.ms-dialogHidden, #s4-titlerow .mysitelink.ms-dialogHidden, #s4-titlerow .links.ms-dialogHidden, #s4-titlerow .s4-search.ms-dialogHidden {display:none;}
     #contentRow, #contentBox {margin-left:0;}
}

/* Like this page css 
----------------------------------------------------------------------------------------------------*/
a.likethis { background-color: #00A0D6; color: #fff; padding: 5px 10px 5px 10px; border-top-width: 0px; border-bottom-width: 0px; border-left: 0px; border-right-width: 0px; text-decoration: none; cursor: pointer; }