.spin_div {
	background: #000 url('../img/spinner.gif') no-repeat center center;
	opacity: 0.50;
	filter:alpha(opacity: 50);
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	z-index: 1000;
}



@charset "UTF-8";
/* CSS Document */
table td, table th{
text-align:left!important;
padding:6px;
}
div .full_width{
	padding:2em;
}


/*----------TOOLS----------*/
.editTool, .copyLinkTool, .addTool, .deleteTool, .upTool, .downTool,.adobeTool,.pageTool,.help,.saveTool,.clockTool,.addDocTool,.addMinTool,.lockedDocTool,.releasedTool,.viewMoreTool,.viewLessTool,.printer_icon,.rssTool,.downloadTool,.linkTool{
	display: inline-block;
	/*width:24px;*/ /* Commented this because most icons are moving to fontawesome */
	/*height:24px;*/
	/*margin:0;*/
	/*margin-left:.5em;*/
	background: url(img/toolSprite.png)!important;
	border: none;
	/*padding:0;*/
	/*padding: .8em .5em;*/
	cursor: pointer;
	padding: 4px!important;
}
.editTool{
	/*background-position:0 0 !important;*/
	background: none !important;
}
.editTool:hover{
	/*background-position:24px 0 !important;*/
	background:none !important;
}
.copyLinkTool{
	/*background-position:0 0 !important;*/
	background: none !important;
}
.copyLinkTool:hover{
	/*background-position:24px 0 !important;*/
	background:none !important;
}
.addTool{
	/*background-position:0 -24px !important;*/
	background:none !important;

}
.addTool:hover{
	/*background-position:24px -24px !important;*/
	background:none !important;
}
.deleteTool{
	/*background-position:0 -48px !important;*/
	background:none !important;
}
.deleteTool:hover{
	/*background-position:24px -48px !important;*/
	background:none !important;
}
.downTool{
	background-position:0 -72px !important;
}
.downTool:hover{
	background-position:24px -72px !important;
}
.upTool{
	background-position:0 -96px !important;
}
.upTool:hover{
	background-position:24px -96px !important;
}
.adobeTool{
	background-position:0 -120px !important;
}
.adobeTool:hover{
	background-position:24px -120px !important;
}
.pageTool{
	background-position:0 -144px !important;
}
.pageTool:hover{
	background-position:24px -144px !important;
}
.help{
	background-position:0px -168px !important;
}
.help:hover{
	background-position:24px -168px !important;
}
.saveTool{
	/*background-position:0px -192px !important;*/
	background: none !important;
}
.saveTool:hover{
	/*background-position:24px -192px !important;*/
	background: none !important;

}
.clockTool{
	background-position:0px -216px !important;
}
.clockTool:hover{
	background-position:24px -216px !important;
}
.addDocTool{
	background-position:0px -240px !important;
}
.addDocTool:hover{
	background-position:24px -240px !important;
}
.addMinTool{
	background-position:0px -264px !important;
}
.addMinTool:hover{
	background-position:24px -264px !important;
}
.lockedDocTool{
	background-position:0px -288px !important;
}
.lockedDocTool:hover{
	background-position:24px -288px !important;
}
.releasedDocTool{
	background-position:0px -312px !important;
}
.releasedDocTool:hover{
	background-position:24px -312px !important;
}
.viewMoreTool{
	background-position:0px -336px !important;
}
.viewMoreTool:hover{
	background-position:24px -336px !important;
}
.viewLessTool{
	background-position:0px -360px !important;
}
.viewLessTool:hover{
	background-position:24px -360px !important;
}
.printer_icon{
	background-position:0px -384px !important;
}
.printer_icon:hover{
	background-position:24px -384px !important;
}
.rssTool{
	/*background-position:0px -408px !important;*/
	background: none !important;
}
.rssTool:hover{
	/*background-position:24px -408px !important;*/
	background: none !important;
}
.downloadTool{
	/*background-position:0px -432px !important;*/
	background: none !important;

}
.downloadTool:hover{
/*	background-position:24px -432px !important;*/
	background: none !important;
}
.linkTool{
	background-position:0px 24px !important;
}
.linkTool:hover{
	background-position:24px 24px !important;
}
.buttonText{
	/*padding-left:24px;*/
	line-height:24px;
	/*margin-left:-6px;*/
	margin-right:12px;
	white-space:nowrap;
	display:block;
	background-repeat:no-repeat;
	text-decoration: none!important;
	opacity: 1;
}
.buttonText:hover{
	transition: all .3s;
	opacity: .75;
}
.ui-sortable button{
	padding: 0px;
	margin-left: 6px;
}

/*----------END TOOLS----------*/

.accordion_header{
	display: block;
	//height: 30px;
	border-top: 1px solid #B1BAC1;
	padding: 6px 0px;
	position: relative;
 }
 .accordion_header .action_icons{
    position: absolute;
    top:0px;
    right: 0px;
 }
 .accordion_header h4{
 	margin: 0px;
 	font-size: 16px;
 }
 .accordion_header h4 a{
 	text-decoration: none;
 	transition: color .5s;
 }
 .accordion_header h4 a:hover{
	color:  #007bff;
	text-decoration: none;
 }

 .accordion_holder .accordion_header:first-child{
	border-top:none;
 }
 .accordion_results{
	 padding:1em;
 }
.accordion{
	margin:0 24px!important;
	border-bottom:none!important;
}
.accordion table{
	border:none!important;

}
.accordion tr{
	border-bottom:1px dotted #B1BAC1;
}
.accordion table td{
	background:none!important;
	border:none!important;
	padding:2px 0!important;
}
.accordion a, .bList a{
	/*background:none !important;*/
	border:none !important;
	padding:0 !important;
}
.bList li, .bMenu li, .tabs .bMenu li{
	background:none!important;
	line-height:24px;
	border-bottom:1px dotted #B1BAC1;
	padding:0 0 0 0 !important;
	vertical-align:middle;
}

.bMenu li.selected{
	border-bottom:none;
}

.bMenu li a{
	border-top:none!important;
	display:list-item;!important;
	padding:6px 0 5px 12px!important;
	line-height:1em;
	background:url(img/arrow-right-sm.png) no-repeat scroll 0 9px transparent;
	margin-right:96px;
}

.bMenu li a.document{
background: url(img/document.png) no-repeat scroll 0 9px transparent !important;
}

.sub-menu {
	margin-left: 15px;
}

.breadcrumb{
	font-size:.85em;
	margin:-1em 0 1em 0;
}

.breadcrumb a{
	background:url(img/arrow-right-sm.png) no-repeat;
	background-position:right;
	padding: 0 10px 0 10px;
	margin-right:0px;
}

.breadcrumb span{
	padding: 0 10px 0 10px;
}
.colorBoxContent{
	display:block;
	width:85%;
	min-width:800px;
	padding:1em 2em 1em 1em!important;
}

.required{
	display:inline;
	color:#F00!important;
	font-weight:bold!important;
	margin:0 2px 0 -7px;
}

.colorBoxContent table{
	border:none!important;
    margin-top:1.5em;!important
}

.colorBoxContent table td{
	border:none!important;
	background:none!important;
	background-color:none!important;
	padding:6px!important;
	text-align:left!important;
	line-height:1em;
	vertical-align:top!important;
}
.colorBoxContent label{
	display:inline!important;
}
.colorBoxContent .header{
	display:block!important;
	width:96%;
	font-weight:bold;
	font-size:18px!important;
	position:absolute;
	top:-.25em;
	background:#FFF !important;
	margin:0 4em 0 0 !important;
	padding:.25em 0 !important;
}

.colorBoxContent input[type="text"], .colorBoxContent input[type="date"], .colorBoxContent select{
	height:2em!important;
	padding:2px!important;
	font-size: 14px;
	display:block;
	border:1px solid #999;
	width:180px;
}
.colorBoxContent input[type="text"]:focus, .colorBoxContent input[type="date"]:focus{
	background:#FFD;
}
.colorBoxContent .disabled{
	font-size:13px;
}
.labelText{
	font-weight:bold;
}
.zebra{
	background-color:#F4F4F4!Important;
}

.upArrow{
	font-weight:bold;
	background:url(img/arrow-up-sm.png) no-repeat !important;
	background-position:left 10px!important;
}
/*----------TABS----------*/
.tabs ul{
	margin:0;
	padding:0;
	list-style:none;
}
.tabs ul li{
	display:inline;
	margin-left:.5em;
	border-radius:5px 5px 0 0;
	padding:2px 8px;
	list-style:none;
	font-size:14px;
	font-weight:bold;
}
.tabs .ui-state-default{
	background:#CCC;
	color:#666;
}
.tabs .ui-state-default:hover{
	color:#333;
}

.tabs .ui-tabs-active, .tabs .ui-tabs-active:hover{
	background:#EEE;
	color:#000;
}

.tabbedPad{
	background:#EEE;
	padding:1em;
}

.tabs .buttonText{
	color:#742307!important;
}

.tabs .buttonText:hover{
	text-decoration:underline!important;
}
.tabs table{
	background:#fff;
}

.tabs a.document{
background: url(img/document.png) no-repeat scroll 0 4px transparent !important;
padding-left:16px;
}
/*-------END-TABS-------*/
.materials{
	background:url(img/document_16.png) no-repeat;
	display:block;
	width:12px;
	height:16px;
	float:left;
	position:relative;
	left:-12px;
	top:2px;
	margin-right:-11px;
}
/*-------DIRECTORY-------*/
table.directory th, table.directory td{
	padding:.5em;
	line-height:1.1em;
	vertical-align:top;
}
table.directory td{
	text-align:left;
}
table.directory td img{
	float:left;
	margin:0 .5em 0 0;
	border:1px solid #333;
}

table.directory td div.photo_yes{
	padding-left:80px;
}
table.directory td table.plainTable{
	margin-top:.3em;
	width:auto;
}
table.plainTable, table.plainTable td, table.plainTable tr{
	border:none;
	background:none!important;
	padding:1px 0;
	margin-bottom:0;
	font-weight:normal;
}
table.plainTable td:first-child{
	width:100px;
}

table.directory div .moreInfo{
	margin-top:2em;
}
/*----------Finder-----------*/
.finder{
	padding: 16px;
	width:100%;
	margin:0;
	background-color: #f4f4f4;
}
.finder div{
	margin:0;
	width:auto;
}
.finder input[type="submit"] {
	margin:0;
}
.finder  div label {
    display: inline-block;
    font-weight: bold;
    margin-right:0px;
	margin-left:0px;
    vertical-align: middle;
    width:auto;
	padding:0;
}
/*-----Programs Search-----*/
@media screen and (min-width: 768px){
	#prog-search-fields{
		display: grid;
	    grid-gap: 24px;
	    grid-template-columns: 1fr 1fr;
	}
	#submit-programs{
		grid-column: 1 / span 2;
	}
}
@media screen and (min-width: 1024px){
	#prog-search-fields{
	    grid-template-columns: 300px 300px;
	}
}

/*----------Date Picker -----------*/
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(img/ui-icons_222222_256x240.png);
	/* Hide No-Image Text */
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.ui-datepicker .ui-datepicker-title select{
	height:auto;
	margin-bottom: 6px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}




/*.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }*/
/*.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
/*.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
*/


/*   Copy URL info CSS from old.prod.northcarolina.edu  to be used in book app */

a#book_link{
	float: right;
	/*
	display: inline;
	margin: 0 0 0 5px;
	width: 30px;
	height: 30px;
	background: transparent url(../img/book_link.jpg) no-repeat;
	text-indent: -9999px;
	border: 1px solid #ddd; */
}


a#book_link:hover{
	background-position: 0 -30px;
}

div#widget_url_info{
	position: absolute;
	top: 70px;
	right: 50px;
	width:300px;
	display:block;
	background: transparent url(../img/url_info_bg.png) no-repeat bottom center;
	z-index: 1000;
	visibility: visible;
	display:none;
}


a#url_info_close{
	position: absolute;
	top: 11px;
	right: 15px;
	height: 22px;
	width: 22px;
	background: transparent url(../img/live_search_close.jpg) no-repeat;
	text-indent: -9999px;
}

a#url_info_close:hover{
	background-position: 0 -22px;
}

#url_info_content{
	padding: 20px 17px;
	visibility: visible;
}

div#url_info_content p{
	padding: 0;
	margin: 11px 0px;
}

input.url_info_text{
	padding: 5px;
	width:265px;
}

#next-meeting{
	display: flex;
	flex-direction: column;
}
#next-meeting .meeting-label{
	background-color: #0f4876;
	color: #FFFFFF;
	white-space: nowrap;
	padding: 8px;
}
#next-meeting .meeting-info{
	background-color: #fec524;
	padding: 8px;
}
#next-meeting .meeting-info .meeting-actions{
	display: flex;
}
#next-meeting .meeting-info .meeting-actions .addTool{
	flex-grow: 2;
	padding-left: 0px !important;
}
.alt-stripe > *:nth-of-type(even){
	background: #f4f4f4;
}
#next-meeting .meeting-info a{
	text-decoration: none;
}
td.meeting{
	padding: 6px !important;
}
td.meeting h4{
	margin: 0px 0px 12px 0px;
}
@media screen and (min-width: 768px){
	#next-meeting{
		display: grid;
		grid-template-columns: 130px 1fr;
	}
	#next-meeting .meeting-label{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#next-meeting .meeting-label svg{
		margin-right: 3px;
	}
}
.wp-block-table.is-style-stripes table{
	min-width: 300px;
}
.member-bio{
	display: flex;
	flex-direction: column;
}
.member-bio .member-copy{
	order: 1;
}
.member-bio .member-copy-right{
	margin-bottom: 16px;
}
.member-bio .member-copy-right .member-pic{
	width: 100%;
	height: auto;
	border: 1px solid #333333;
}
.member-bio .member-copy-right h4{
	margin: 0px 0px 6px 0px;
}
@media screen and (min-width: 576px){
	.member-copy-right{
		display: grid;
		grid-template-columns: 200px 1fr;
		grid-gap: 12px;
	}
	.member-copy-right .term-date{
		grid-column: 1 / span 2;
	}
}
@media screen and (min-width: 768px){
	.member-bio{
		flex-direction: row;
	}
	.member-bio .member-copy{
		order: 0;
	}
	.member-copy-right{
		display: flex;
		flex-direction: column;
		min-width: 180px;
		max-width:  180px;
		margin-left: 24px;
	}
}
.tableClean,.tableClean td, .tableClean tr:nth-child(2n) td,.tableClean td:last-child, .tableClean th:last-child, .tableClean th, .tableClean tr,  .captionClean,.tbodyClean,.tfootClean, .theadClean, .trClean, .thClean, .tdClean {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:top;
	background: transparent;
}
.webform-client-form{
	padding:26px;
}
.group-banner{
	position:relative;
	height:321px;
}
.lightbox_header{
	margin:2em 1em 1em 0em;
}
.flex-container{
	display: flex;
}
.mobile-column{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}
@media only screen and (min-width: 768px) {
	/*--Child items wrap on screens > 768px--*/
	.mobile-column{
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-ms-flex-direction:row;
		flex-direction:row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.align-flex-end{
		-webkit-box-align:end;
	    -ms-flex-align:end;
	    align-items:flex-end;
	}
	.searchButtons{
		-webkit-box-flex:2;
		-ms-flex-positive:2;
		flex-grow:2;
	}
	.committee{
		width:50%;
	}
	.committee:nth-of-type(odd){
		padding-right: 24px;
	}
	.committee:nth-of-type(even){
		padding-left: 24px;
	}
	.member-copy{
		-webkit-box-flex:1;
		-ms-flex:1;
		flex:1;
		-ms-flex-item-align:start;
		align-self:flex-start;
		padding-left: 1em;
	}
	.flex-nowrap{
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	}
	.finder p{
		margin-left:4px;
	}

}

/*committees--*/
.member > h3 .title, 
.member > h3 .title a, 
.member > h3  a, 
.committee > h3,
.committee > h3 .title a, 
.committee > h3  a{
	font-size: 16px;
	text-transform:none;
	font-weight:normal;
	text-decoration: none !important;
	transition: text-decoration .5s
}
.member > h3  a:hover,
.member > h3 .title a:hover,
.committee > h3  a:hover,
.committee > h3 .title a:hover{
	text-decoration: underline!important;
}

.member > h3, .committee > h3{
	margin: 4px 0px 24px 0px;
}
a.committee_title, .committee_title{
	font-weight: bold;
	font-size: 16px;
}
.committee{
	padding-bottom: 24px;
}
.committee > table{
	width:100%;
}
.committee > table > tbody >tr {
	border-bottom: 1px solid #f4f4f4;
}
.committee > table > tbody > tr > td{
	padding: 3px 0!important;
}
.committee > table > tbody >tr >td:first-of-type{
	/*width:100%; /*180px;*/*/
}
.committee > table > tbody >tr >td:nth-of-type(2){
	text-align: right!important;
}

input[type="text"]{
  padding: 1px 1px;
}

/*---Responsive Table---*/
.reponsive-table{
	width: 100%;
}
.reponsive-table thead{
	display: none;
}
.reponsive-table tbody tr{
	display: flex;
	flex-direction: column;
	padding: 12px 0px;
	border-top:  1px solid #dedede;
}
.reponsive-table tbody tr:first-of-type{
	margin-top: 12px;
}
.reponsive-table tbody tr td{
	padding: 3px 0px;
}
.reponsive-table tbody tr td[headers]::before{	
	content: attr(headers)': ';
	font-weight: bold;
}
@media only screen and (min-width: 1024px) {
	.reponsive-table thead{
		display: table-header-group;
		background-color: #0f4876;
		color:  #FFFFFF;
	}	
	.reponsive-table thead tr th{
		padding: 6px;
	}
	.reponsive-table tbody tr{
		display: table-row;
	}
	.reponsive-table tbody tr:first-of-type{
		margin-top: 0px;
	}
	.reponsive-table tbody tr td{
		padding: 6px;
	}
	.reponsive-table tbody tr td[headers]::before{
		display: none;
	}
}