@import url('https://fonts.googleapis.com/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;*/
}

/* Old Style Tab Headers */
.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; }
/* New Style Bar Headers */
div.bar {
	height:auto;
	width:100%;
	position:relative;
	z-index:0;
	margin-bottom:20px;
	text-align:center;
}
div.bar:before {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	right:50%;
	background-color:inherit;
	height:20px;
	width:20px;
	transform:rotate(45deg) translate(-70%);
	border-bottom:inherit;
	border-right:inherit;
	box-shadow:inherit;
	z-index:-1;
}
div.bar > h1, div.bar > h2, div.bar > h3, div.bar > h4, div.bar > h5, div.bar > h6 { padding-top:15px; padding-bottom:15px; }
/* Default even/odd color for new style Bar Headers */
div.bar.even {
	background-color:#313644;
	color:white;
}
div.bar.odd {
	background-color:#EEEEEE;
	color:#333333;
}

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;
}