/*Overall workNet styels*/

.jumbotron { /*THIS IS TEMPORARY REMOVE THIS*/
	background-color: #fafafc;
}

.ButtonWrap{
	white-space: normal;
}

h1 {
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-size: 58px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}

h1.primary-header {
  color: #000 !important;
  line-height: 63.8px; /*This is 63.8 to match the sharepoint page title header height*/
}

h1.secondary-header {
  color: #fff !important;
  line-height: 63.8px; /*This is 63.8 to match the sharepoint page title header height*/
}

.title {
	font-size:37px;
	color: #b25a01;
	font-weight: bolder;
}

.simple-subscription-form {
	background: #fff;
	color: #b25a01;
	padding: 2rem;
	border-radius: 2px;  
}  

.header-container {
	position: relative;
	border-radius: .3em;
}

.primary-header-container {
	background: #f0f0f0;
	margin-bottom: 20px;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
}

.secondary-header-container {
	background: #003e52;
	margin-bottom: 20px;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
}

.wideHeader {	
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
}

.primary-header-container:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-color: #f0f0f0;
	border-bottom: 0;
	margin-left: -16px;
	margin-bottom: -16px;
}

.secondary-header-container:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top-color: #003e52;
	border-bottom: 0;
	margin-left: -16px;
	margin-bottom: -16px;
}

.panel.panel-default {
	margin-top: 30px;
	border-top: 5px double #d3d3d3;
	border-bottom: transparent;
	border-right: transparent;
	border-left: transparent;
    display: block;
}

.panel-default .panel-header {
    position: relative;
    top: -30px;
	background-color: #fff;
	color: #b25a01;
    padding-left: 6px;
    padding-right: 6px;
	font-size: 37px;
	font-weight: bolder;
	display: table;
}

.panel-default .panel-body {
	margin-top: -0.5em; 
	border: transparent;
}

.panel-bubble {
	background-color: transparent;
	margin-top: 20px;
	position: relative;
	border-radius: .3em;
	border: solid;
	border-width: thin;
	border-color: #f0f0f0;
	border-top: transparent;
}

/*Same look for headers in a different way; both can be used, Panel and Title*/
div.header_title {
    position: relative;	background-color: #fff;
	color: #b25a01;
    padding-left: 6px;
    padding-right: 6px;
	font-size: 37px;
	font-weight: bolder;
	display: table;
}

hr.header_border {  
	border-top: 5px double #d3d3d3;
	margin-top: 0px;
	margin-bottom: -30px;
	width: 100%;
}

/**/

.btn.btn-primary {
	text-decoration: none;
	color: #fff;
	background: #b25a01 !important;
	border-color: #b25a01 !important;
  }
  

.btn.btn-default {
	text-decoration: none;
	color: #b25a01;
	background: #fff !important;
	border-color: #b25a01 !important;
	margin: 2px;
}

.btn:hover {
	font-weight: bold; 
	/*border: #b25a01 solid 2px;*/ 
} 

.btn.temp:hover { /*THIS IS TEMPORARY REMOVE IF IT WAS NOT APPROVED*/
	font-weight: bold; 
	background-color: #b25a01 !important;
	color: #FFF;
} 

.panel-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom-color: #fff;
	border-top: 0;
	margin-left: -16px;
	margin-top: 0px;
  	transform: rotateX(-180deg); 
}

/*Wide Buttons and their width change based on the viewport width*/
@media (min-width: 426px) {
	.btn.bigbtn {
		width: 400px !important;
	}
}
@media (max-width: 425px) {
	.btn.bigbtn {
		width: 270px !important;
	}
}

/*Fixes iOS not scrolling on iframes*/
#s4-workspace{
                oVERFLOW-Y: auto;
                /*OVERFLOW-X: HIDDEN; */
                -WEBKIT-OVERFLOW-SCROLLING: TOUCH;
}
#s4-bodyContainer{
                oVERFLOW-Y: hidden;
				OVERFLOW-X: HIDDEN; 
                -WEBKIT-OVERFLOW-SCROLLING: TOUCH;
}

.ms-webpart-zone {
	display: block;
}

div.ms-webpart-cell-vertical-inline-table {
	display: block;
}

.ms-webpart-cell-vertical {
	display: block;
}

.ms-webpart-chrome-vertical {
	display: block;
}

h2{
	font-size:27px;
}

.ms-rtestate-field .bgExplore, .bgExplore { background-color: #004990; color: #FFF!important; }
.ms-rtestate-field .bgTraining, .bgTraining { background-color: #60106A; color: #FFF!important; }
.ms-rtestate-field .bgQualify, .bgQualify { background-color: #1E2171; color: #FFF!important; }
.ms-rtestate-field .bgJobs, .bgJobs { background-color: #96005D; color: #FFF!important; }
.ms-rtestate-field .bgConnect, .bgConnect { background-color: #00615B; color: #FFF!important; }
.ms-rtestate-field .bgRecovery, .bgRecovery { background-color: #004712; color: #FFF!important; }
.ms-rtestate-field .bgResources, .bgResources { background-color: #C4122F; color: #FFF!important; }
.ms-rtestate-field .bgDashboard, .bgDashboard { background-color: #4D4D4D; color: #FFF!important; }
.alert{
	margin-bottom:0px;
	padding:5px;
}
.WPR{
	max-width:1170px;
    margin-left: auto;
    margin-right: auto;
}
.WPRWide  > .WPZ{
	padding:0px;
}
.floatLeft{
	float:left;
}
.floatRight, .FloatRight{
	float:right;
}
.clearBoth{
	clear:both;
}
.smaller{
	font-size:smaller;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.Italics{
	font-style:italic;
}
#suiteBarLeft
{
	background-color: #F1F1F1
}
#suiteBarLeft > div
{
	display:none;
}
#suiteBarLeft > div
{
	display:none;
}
.error{
	color:#CC0000;
}
.ms-WPBorderBorderOnly {
	 padding:0px;
	border:none;
}
.Border{
	padding:5px;
	border: 1px solid #EFEFEF;
}
@media (max-width: 767px){
	.hidestep{
		display:none;
	}
	#MapContainer {
		width: 90%;
		margin-left: 0px;
	}

}

/*Start Glossary webpart styles*/
	.GlossaryList{
		list-style:none;
	}
	.GlossaryList li{
		padding-bottom:15px;
	}
/*End Glossary webpart styles*/

/*Start Footer webpart styles*/
	#footerArea { 
		margin-bottom: -70px;  /*RP - changed this from 55px to -70px because of white space at the bottom of the page*/
		padding:0px;
	}
	/*Receive Updates section*/
	.ReceiveUpdates{
		background-color:#ceb48d;
		border-left:1px solid black;
		border-top:1px solid black;
		border-right:1px solid black;
		border-bottom:none;
		height:125px;
		padding:10px 10px 20px 10px;
		z-index:0;
		margin-top:10px;
	}
	/*Trailing footer sectoin with copyright notice*/
	.ReceiveUpdates2{
		background-color:#EFEFEF;
		border-left:1px solid black;
		border-top:none;
		border-right:1px solid black;
		border-bottom:1px solid black;
		text-align:center;
		padding:5px 0px 5px 0px;
	}
	/*Center Div*/
	.CenteredItem{
		margin-left:auto;
		margin-right:auto;
	}
	.BottomFooter{
		text-align:center;
		padding:5px 0px 5px 0px;
	}
	.UpdateArea input{
		vertical-align:top;
	}
	.CenteredBox{
		max-width:450px;
		margin-left:auto;
		margin-right:auto;	
	}
	
	.CenteredBox > h3{
		font-size:30px;
		margin-top:10px;
	}
	
	.Footer{
		/*Gradient code*/
		background: #4b4b4b; /* Old browsers */
		background: -moz-linear-gradient(top,  #4b4b4b 0%, #1c1c1c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4b4b4b 0%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4b4b4b 0%,#1c1c1c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4b4b4b 0%,#1c1c1c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4b4b4b 0%,#1c1c1c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
	
		/*Basic Styles*/
		color:white;
		margin:0px 0px 0px -55px;
		padding:5px 0px 5px 55px;
		/*width:100%;*/
		height:auto;
		min-height:155px;
	}
	
	@media (max-width:993px)
	{
		
		.ReceiveUpdates{
			height:240px;
		}
	}
	
	/*Footer Links Styles*/
	.FooterItem{
		padding:0px 5px 0px 5px;
	}
	.FooterList
	{
		list-style:none;
		display:inline;
		padding:0px;
		margin:0px;
	}
	.FooterList li
	{	
		display:inline;
	}
	.FooterLinkList li{
		display:block;
		font-weight:bold;
	}
	.FooterLinkList{
		list-style:circle;
		margin:0px;
		/*width:150px;*/
	}
	.FooterLinkList li a{
		color:white;
		font-weight:normal;
	}
	.FooterLinkList li a:visited{
		color:white;
		font-weight:normal;
	}
	.FooterList h4, .FooterList ul{
		display:inline;
	}
	.FooterItem span{
		font-weight:bold;
	}
	@media (max-width: 767px){
		.UpdateArea input[type=text]{
			width:150px;
		}
		.UpdateArea{
			width:275px;
		}
		div.icons{
			width:275px;
		}
		/*.CenteredBox{
			width:250px;
		}*/
	}
/*End Footer webpart styles*/

/*Start FAQ webpart styles*/
	.FAQh2{
		font-weight:normal;
	}
/*End FAQ webpart styles*/

/*Start News webpart Styles*/
	.NewsFilterArea, #newsArea{
		margin-top:15px;
	}
	
	.ms-blog-postBoxDate{
		height:55px;
	}
	.ms-blog-postComments{
		padding-top:0px;
	}
	.ms-blog-postList{
		max-width:800px !important;
	}
	.FieldInput {
		padding-left:5px;
		font-weight: bold;
		font-size: small;
		padding-bottom: 5px;
		padding-top:5px;
	}
	
	.CommentBox {
		padding-left: 5px;
		padding-bottom: 5px;
	}
	.CommentBox textarea{
		width:400px;
	}
	.PostComments {
		width: 450px;
		margin-right: auto;
		background: #E2E5F3;
		border: 1px solid #E2E5F3;
	}
	.PostComments2 {
		width: 450px;
		margin-right: auto;
		background: #E2E5F3;
		border-top: 1px solid #E2E5F3;
	}
	.plusMinus {
		border: 1px solid #CCC;
		border-radius: 5px;
		display: inline-block;
		height: 25px;
		width: 25px;
		text-align: center;
		line-height: 20px;
	}	
	blockquote {
		padding: 0 0 0 15px;
		margin: 0 0 20px;
	}
	#groupPosts {
		display: none;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
		background-color: #ADD4F8;
	}
	#groupPosts ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		background-color: #FFF;
	}
	#groupPosts li {
		margin: 0 0 10px 0;
		padding: 0;
		word-wrap: break-word;
	}
	#groupPosts li h2 {
	
		margin-top: 0;
		padding: 2px;
	}
	#groupPosts li h2 a {
		text-decoration: none;
	}
	#groupPosts li h2 a:hover {
		text-decoration: underline;
	}
	#groupPosts li img {
		float: left;
		margin: 2px;
		max-height: 100px;
		max-width: 100px;
	}
	#groupHeader, #groupPosts li h2 {
	}
	#groupPosts li h2 a {
	
	}
	#groupPosts {
		background-color: #222;
		max-width:100%;
	}
	#groupHeader img.avatar {
		float: left; 
		margin: 0 5px 5px 20px;
	}
	#groupHeader h2 {
		margin: 0;
		text-align: center;
		height: 40px;
		line-height: 40px;
	}
	#groupHeader p {
		margin: 2px;
		padding: 0 5px 0 5px;
	}
	#groupHeader img.liLogo {
		margin-bottom: -4px;
	}
	
	.HeaderRegistration{
		padding-bottom:10px;
	}
	.ms-blog-postList{
		min-width:120px;
	}	
	.ms-blog-postBoxMargin {
		margin-left: 13px;
	}	
	.ms-blog-postBoxMargin h2 a {
		padding-left: 10px;
	} 
	@media (max-width:460px){
		.PostComments{
			width:300px;
		}
		.CommentBox textarea{
			width:275px;
		}
		#HeaderBar{
			width:300px;	
		}
	
		.ms-blog-postBoxMargin{
			margin-left:5px !important;
		}
	
		.ms-blog-postList{
			min-width:270px !important;
			margin-left:0px !important;
		}
	
		.ms-webpart-cell-vertical{
			width:100% !important;
		}
	}

/*End News webpart Styles*/

/*Start CIS Skills webpart styles*/
	#skillsBox {
		margin: 10px auto;
		width: 1024px;
		font-family: 'Segoe UI', Segoe, Helvetica, Arial, sans-serif;
		font-size: 16px;
	}
/*End CIS Skills webpart styles*/

/*Start Layoff Recovery webpart styles*/
	#Legend, #LegendDist{
		clear:both;
		display:none;
	}
	#Legend ul li#LegendListItem, #LegendDist ul li#LegendListItem{
		float:left;
		padding: 10px 10px 10px 10px;
		list-style: none;
		height: 310px;
		border-right: 1px solid black;
	}
	.Note{
		
		font-weight:bold;
	}
	.LayoffIcon{
		width:255px;
	}
	.LayoffRecoveryIcon{
		width:70px;
	}
	.AltGray{
		background-color:#EFEFEF;
	}
	.Grid3{
		width:30%;
	}
	.Grid1{
		width:95%;
	}
	#LegendList{
		margin:0px 0px 0px 0px;
	}
	.GridListMap
	{
		padding-bottom:5px;
	}
	.sorting_asc {
		background: url('/_layouts/15/images/worknet/sort_asc.png') no-repeat center right;
	}
	
	.sorting_desc {
		background: url('/_layouts/15/images/worknet/sort_desc.png') no-repeat center right;
	}
	
	.sorting {
		background: url('/_layouts/15/images/worknet/sort_both.png') no-repeat center right;
	}
	
	.sorting_asc_disabled {
		background: url('/_layouts/15/images/worknet/sort_asc_disabled.png') no-repeat center right;
	}
	
	.sorting_desc_disabled {
		background: url('/_layouts/15/images/worknet/sort_desc_disabled.png') no-repeat center right;
	}
	
	
	.dataTables_paginate {
		float: right;
		text-align: right;
	}
	
	/* Pagination nested */
	.paginate_disabled_previous, .paginate_enabled_previous,
	.paginate_disabled_next, .paginate_enabled_next {
		height: 19px;
		float: left;
		cursor: pointer;
		*cursor: hand;
		color: #111 !important;
	}
	.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
	.paginate_disabled_next:hover, .paginate_enabled_next:hover {
		text-decoration: none !important;
	}
	.paginate_disabled_previous:active, .paginate_enabled_previous:active,
	.paginate_disabled_next:active, .paginate_enabled_next:active {
		outline: none;
	}
	
	.paginate_disabled_previous,
	.paginate_disabled_next {
		color: #666 !important;
	}
	.paginate_disabled_previous, .paginate_enabled_previous {
		padding-left: 23px;
	}
	.paginate_disabled_next, .paginate_enabled_next {
		padding-right: 23px;
		margin-left: 10px;
	}
	
	.paginate_disabled_previous {
		background: url('/_layouts/15/images/worknet/back_disabled.jpg') no-repeat top left;
	}
	
	.paginate_enabled_previous {
		background: url('/_layouts/15/images/worknet/back_enabled.jpg') no-repeat top left;
	}
	.paginate_enabled_previous:hover {
		background: url('/_layouts/15/images/worknet/back_enabled_hover.png') no-repeat top left;
	}
	
	
	.paginate_disabled_next {
		background: url('/_layouts/15/images/worknet/forward_disabled.jpg') no-repeat top right;
	}
	
	.paginate_enabled_next {
		background: url('/_layouts/15/images/worknet/forward_enabled.jpg') no-repeat top right;
	}
	.paginate_enabled_next:hover {
		background: url('/_layouts/15/images/worknet/forward_enabled_hover.png') no-repeat top right;
	}
	
	
	.paginate_disabled_previous, .paginate_enabled_previous {
		padding-left: 23px;
	}
	.paginate_disabled_next, .paginate_enabled_next {
		padding-right: 23px;
		margin-left: 10px;
	}
	
	.per15{
		width:15%!important;
	}
	.per20{
		width:20%!important;
	}
	.per10{
		width:10%!important;
	}
	.per25{
		width:25%!important;
	}
	.per80{
		width:80%!important;
	}
	
	th.per15 input.text_filter, th.per20 input.text_filter{
		width:80%;
	}
	th.per15 select.select_filter, th.per20 select.select_filter{
		width:80%;
	}
	
	.cl label{margin-left:10px;}
	input.ib.hidden{
		display:none;
	}
	
	
	#SurveyButtons{
		margin-top: 15px;	
	}
	
	.date_range_filter{
		width:75px !important;
	}
	
	.dataTables_filter{
		
		display:none;
	}
	#ExampleDashboard tr.even, #example tr.even{
		background-color:#F1F1F1;
	}
	#ExampleDashboard th{
		text-align:left;
	}
	@media print{
	.FormRight{
		page-break-before:avoid;
		page-break-inside:avoid;
	}
	}
	.MessageBoard li
	{
		list-style:none;
		border-bottom:1px solid #E9E9E9;
	}
	.MessageBoard li:last-child { border-bottom:none; }
	#LayoffMenu{
		padding:10px;
	}
	#LayoffMenu div{
		border: 1px solid;
		text-align: center;
		cursor: pointer; cursor: hand;
		font-weight:bold;
		padding:5px;
	
		
	}
	#LayoffMenu div.LRButtonsActive{
		border: 1px solid;
		color: white;
		text-align: center;
		cursor: pointer; cursor: hand;
		font-weight:bold;
		padding:5px;
	
	}
	.BorderBox{
		Border: 1px solid black;
		padding: 10px;
		margin-bottom: 10px;	
	}
	
	#Signup{
		Border: 1px solid black;
		padding: 10px;
		margin-bottom: 10px;	
	}
	
	#Signin{
		Border: 1px solid black;
		padding: 10px;
		margin-bottom: 10px;	
	}
	#DocsLink{
		margin-top: 30px;
	}
	#LayoffPacketArea ul
	{
		list-style:none;
	}
	#Layoff{
		list-style:none;
	}
	
	#Layofful li#ServiceItem{
		float:left;
		padding: 10px 10px 10px 10px;
		list-style: none;
		height: 75px;
		border-right: 1px solid black;
	}
	ui.tabs li a {
		padding: 8px 10px 8px 14px !important;
	}
	
	.Hidden{
		display:none;
	}
	.AltRow{
		background-color: #E9E9E9;
		vertical-align:top;
	}
	
	.RegRow{
		vertical-align:top;
	}
	
	.progressBar{
		border:1px solid black;
		height:20px;
	}
	
	.progressBar > span{
		display:block;
		height:100%;
		background-color:#1F1F1F;
	}
	
	.divButtons{
		
		border: 1px solid black;
		width: 150px;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		background: #FFFFFF;
		float: left;
		margin: 3px;
		cursor: pointer; cursor: hand;
	}
	
	.divButtonsActive{
		
		border: 1px solid black;
		width: 150px;
		padding: 10px;
		text-align: center;
		font-weight: bold;
		background: #004712;
		color: white;
		float: left;
		margin: 3px;
		cursor: pointer; cursor: hand;
	}
	.divButtons a, .divButtons a:visited, .divButtons a:hover, .divButtons a:active{
		
		color:black;
	}
	.divButtonActives a, .divButtonActives a:visited, .divButtonActives a:hover, .divButtonActives a:active{
		
		color:black;
	}
	.OrangeHighlight{
		background-color: #FF980E;
		height: 20px;
		clear: both;
		width: 200px;
	}
/* Layoff Pages */
@media print{
.FormRight{
                page-break-before:avoid;
                page-break-inside:avoid;
}
.span8{
float:none !important;
}
#userguideframe, #userGuide{
display:none !important;
}
}
.MessageBoard li
{
                list-style:none;
                border-bottom:1px solid #E9E9E9;
}
.MessageBoard li:last-child { border-bottom:none; }
#LayoffMenu{
                padding:10px;
}
#LayoffMenu div{
                border: 1px solid;
                text-align: center;
                cursor: pointer; cursor: hand;
                font-weight:bold;
                padding:5px;

                
}
#LayoffMenu div.LRButtonsActive{
                border: 1px solid;
                color: white;
                text-align: center;
                cursor: pointer; cursor: hand;
                font-weight:bold;
                padding:5px;

}


.BorderBox{
                Border: 1px solid black;
                padding: 10px;
                margin-bottom: 10px;    
}

#Signup{
                Border: 1px solid black;
                padding: 10px;
                margin-bottom: 10px;    
}

#Signin{
                Border: 1px solid black;
                padding: 10px;
                margin-bottom: 10px;    
}
#DocsLink{
                margin-top: 30px;
}
#LayoffPacketArea ul
{
                list-style:none;
}
#Layoff{
                list-style:none;
}

#Layofful li#ServiceItem{
                float:left;
                padding: 10px 10px 10px 10px;
                list-style: none;
                height: 75px;
                border-right: 1px solid black;
}
ui.tabs li a {
                padding: 8px 10px 8px 14px !important;
}

.Hidden{
                display:none;
}
.AltRow{
                background-color: #E9E9E9;
                vertical-align:top;
}

.RegRow{
                vertical-align:top;
}

.progressBar{
                border:1px solid black;
                height:20px;
}

.progressBar > span{
                display:block;
                height:100%;
                background-color:#1F1F1F;
}

.divButtons{
                
                border: 1px solid black;
                width: 175px;
                padding: 10px;
                text-align: center;
                font-weight: bold;
                background: #FFFFFF;
                float: left;
                margin: 3px;
                cursor: pointer; cursor: hand;
}

.divButtonsActive{
                
                border: 1px solid black;
                width: 175px;
                padding: 10px;
                text-align: center;
                font-weight: bold;
                background: #4D4D4D;
                color: white;
                float: left;
                margin: 3px;
                cursor: pointer; cursor: hand;
}
.divButtons a, .divButtons a:visited, .divButtons a:hover, .divButtons a:active{
                
                color:black;
}
.divButtonActives a, .divButtonActives a:visited, .divButtonActives a:hover, .divButtonActives a:active{
                
                color:black;
}
.OrangeHighlight{
                background-color: #FF980E;
                height: 20px;
                clear: both;
                width: 200px;
}

.StepGuideLink
{
                padding:20px;
}



.relative{
                position:relative;
}

#groupPosts {
                display: none;
                overflow-y: scroll;
                overflow-x: hidden;
                height: 100%;
                background-color: #ADD4F8;
}
#groupPosts ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
                background-color: #FFF;
}
#groupPosts li {
                margin: 0 0 10px 0;
                padding: 0;
                word-wrap: break-word;
}
#groupPosts li h2 {

                margin-top: 0;
                padding: 2px;
}
#groupPosts li h2 a {
                text-decoration: none;
}
#groupPosts li h2 a:hover {
                text-decoration: underline;
}
#groupPosts li img {
                float: left;
                margin: 2px;
                max-height: 100px;
                max-width: 100px;
}
#groupHeader, #groupPosts li h2 {
}
#groupPosts li h2 a {

}
#groupPosts {
                background-color: #222;
                max-width:100%;
}
#groupHeader img.avatar {
                float: left; 
                margin: 0 5px 5px 20px;
}
#groupHeader h2 {
                margin: 0;
                text-align: center;
                height: 40px;
                line-height: 40px;
}
#groupHeader p {
                margin: 2px;
                padding: 0 5px 0 5px;
}
#groupHeader img.liLogo {
                margin-bottom: -4px;
}

.HeaderRegistration{
                padding-bottom:10px;
}
/*End Layoff Recovery webpart styles*/

/*Start News Blog tab webpart styles*/
	.twitterBox {
	}
	.twitterFeedContainer {
		border-left: 1px solid #E0E4EC;
		border-right: 1px solid #E0E4EC;
		padding: 1px;
	}
	.twitterStyle {
		text-align: center;
	}
	.twitterStyle a {
		color: #C33;
		text-decoration: none; 
		font-size: 110%; 
	}
	.backgroundLink {
		text-align: center;
		border: 1px solid #E0E4EC;
		border-top: none;
	}
	.backgroundLink a {
		text-decoration: none;
		border: none;
	}
	.backgroundLink img {
		height: 35px;
		width: 35px;
	}
    .tabbed_area
    {
        border:1px solid #494e52;
        background-color:#636d76;
        padding:8px;
    }
    ul.tabs
    {
        margin:0px;
        padding:0px;     
        margin-top:5px;  
        margin-bottom:5px; 
    }
    ul.tabs li
    {
        list-style:none;
        display:inline;
        margin-right:1px;
    }
    ul.tabs li a {  
        background-color:#4AA394;  
        color:white;  
        padding:8px 10px 8px 14px;  
        text-decoration:none;  
        font-size:9px;  
        font-family:Verdana, Arial, Helvetica, sans-serif;  
        font-weight:bold;  
        text-transform:uppercase;  
        border:1px solid #464c54;  
        border-top-left-radius:10px;
        border-top-right-radius:10px; 
    }  
    ul.tabs li a:hover {  
        border-color:#2f343a;  
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }  
    ul.tabs li a.active {  
        background-color:#DFDDD9;  
        color:Black;  
        border:1px solid #909297;   
        border-bottom: 1px solid #909297;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
    }  
    .content {  
        background-color:#DFDDD9;
        border:1px solid #464c54;     
    }  
    #content_2, #content_3 { display:none; }
    #content_1, #content_2, #content_3, #content_4 { height:360px;}
    #content_1
    {
        overflow-y: scroll;
		padding-top:4px !important;
    }
	#BlogList {
		max-width:300px;
	}
    #BlogList ul{
		padding-left: 26px;
		margin-left: -3px;
		margin-right: -30px;
	}
	#BlogList ul li{
		list-style:none;
		padding-top:35px;
	}
	#BlogList ul li div{
		padding-bottom:10px;
	}
	#BlogList ul li div a:link, #BlogList ul li div a:visited, #BlogList div a:link, #BlogList div a:visited{
		color:#B03D25
	}
	@media (max-width: 1075px) {
		ul.tabs li a {
			padding: 8px 5px 8px 5px;
		}
	}
	@media (max-width: 907px){
		ul.tabs li a {
			padding: 8px 3px 8px 3px;
			font-size: 6pt;
		}
	}
	@media (max-width: 782px){	
		ul.tabs li a {
			padding: 8px 3px 8px 3px;
			font-size: 5pt;
		}
	}

/*Start News Blog tab webpart styles*/

/* Service Locator styles */
	.TitleArea{
		font-weight:bold;
	}
/* End Service Locator styles */


/* start search page styles */
#Filters ul li label input{
vertical-align: top;
}

#Filters ul p{
Font-size:16px;
padding-right:5px;
font-weight:bold;
}

ul.Refinements{
list-style: none;
  font-size: 15px;
display:inline-flex;
padding-top:15px;
}

#Filters li{
padding-right:15px;
}

.localsearchbuttons button{
border:none;
font-weight:bold;
}

.localsearchbuttons button:hover{
border-bottom: #b74900 solid 2px;
color:#b74900;
background-color:white !important;
}

.active{
border-bottom: #b74900 solid 2px !important;
color:#b74900;
background-color:white !important;
}

.localsearchbuttons button:focus{
outline:none;
}

a.ms-ref-refinername:link{
font-size:12pt;
font-weight:bold;
}

#Refinement.ms-ref-ctrl{
padding-left:0px !important;
}

.ms-srch-result #ResultHeader{
margin:8px 0 12px 0 !important;
}

.SortTitle{
font-weight:bold;
margin-bottom:-13px;
}

#Filters fieldset legend{
  display: block;
  width: 100%;
  padding: 0; 
  margin-bottom: 0px; 
  font-size: 16px;
  line-height: 40px;
  color: #333;
  border: 0; 
  border-bottom: none;
  font-weight: bold;
}

/* End seach page styles */
/*Start UserGuide Slider*/
.ms-webpart-chrome.ms-webpart-chrome-vertical{
	width:100% !important;
}
/*End UserGuide Slider*/

@media print {
        .footer, #suiteBar, #SurveyButtons {
            display: none;
        }
        .masthead {
            display:none;
        }

#s4-workspace{
                oVERFLOW-Y: visible;
                OVERFLOW-X: visible; 
}
#s4-bodyContainer{
                oVERFLOW-Y: visible;
               OVERFLOW-X: visible; 
}
}



/*Addition to allow 5 column in bootstrap*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*Layoff Recovery*/
.LRVideoArea
{
	width:100%;
	height:720px;
}
@media (max-width: 992px) {
    .LRVideoArea
	{
		width:100%;
		height:820px;
	}
	
}
@media (max-width: 768px) {
    .LRVideoArea
	{
		width:100%;
		height:760px;
	}
	
}
@media (max-width: 500px) {
    .LRVideoArea
	{
		width:100%;
		height:550px;
	}
	
}

/*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://www.illinoisworknet.com/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;
}


	@media (max-width:520px){
	.ms-srch-item{
		max-width:350px;
	}
	.ms-srch-item-title{
		max-width:350px;
	}
	ul.Refinements{
	display:block;
	}
	.ms-srch-sbLarge{
	width:350px;
	}
	#ctl00_ctl46_g_6231461b_659f_4f06_8591_58cb2ec88669 div{
	width:315px;
	}
	#WebPartctl00_ctl46_g_12a5d70e_e3c1_4585_8081_1a2021d31d8c{
	width:315px;
	}
	#confirmationBox #msgLink{
	padding:5px !important;
	}
	}