/*
*****************************
SITEWIDE CSS
*****************************
*/
/*Hides everything till font awesome is ready */
/*body {
  display: none;
}
.fontawesome-i2svg-active body {
  display: initial;
}*/

:root 
{
	/* this is for loading all of the font awesome items from one call. it fixes the flickering */
    /*overflow-y: scroll;*/
}

.container a 
{
	text-decoration:none !IMPORTANT;
	color: rgb(0,146,140) !IMPORTANT;
}
a:hover
{
	/*color:#146EC5 !IMPORTANT;*/
}
h4
{
	/*margin-top:20px !IMPORTANT;*/
}
table
{
	margin-bottom: 0px !IMPORTANT;
}
.btn-default.contreadbutton
{
	color:#ffffff !IMPORTANT;
	background-color: rgb(0,146,140) !IMPORTANT;
	border-color: rgb(0,146,140) !IMPORTANT;
}
.btn-primary
{
	color:#ffffff !IMPORTANT;
	background-color: rgb(0,146,140) !IMPORTANT;
	border-color: rgb(0,146,140) !IMPORTANT;
}
#searchform
{
	margin:0px !IMPORTANT;
	padding:0px !IMPORTANT;
	/*float:right;*/
}
.bg-info 
{
    background-color: rgba(0,146,140, 0.8) !important;
}
.attn
{
	font-weight:bold;
}
.progress
{
	margin-bottom:0px !IMPORTANT;
	max-width:100%;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 9.1) !IMPORTANT;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 9.1) !IMPORTANT;
	/*display:inline;*/
}
.progress-bar
{
	
	
}
.navser
{
	float:right;
}
@media only screen and (max-width: 768px)
{
	#mainRow
	{
		top:0px !IMPORTANT;
	}
}
/*
*****************************
VIDEOS CSS
*****************************
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (min-width: 768px)
{
	.vv2
	{
		position: relative;
		top: 0%;
		transform: translateY(20%);
	}
}
/*
*****************************
NAVBAR CSS
*****************************
*/
#cpctopper
{
	height:100px;
}
.navbar
{
    /*color: #fff !IMPORTANT;*/
    /*background:rgb(0,146,140) !IMPORTANT;*/
	background:rgb(255,255,255) !IMPORTANT;
	/*background:rgba(0,130,145,.9) !IMPORTANT;*/
	border-bottom:1px solid #E6E6E6 !IMPORTANT;
}
.navbar-toggle
{
	border:1px solid #E6E6E6 !IMPORTANT;
}
#navbar-collapse-1
{
/*	padding:0px;*/
}
#navbar-collapse-1 > ul > li > a
{
	/*color:#cccccc !IMPORTANT;*/
	color:rgb(0,146,140) !IMPORTANT;
}
#navbar-collapse-1 > ul > li > a:hover
{
	/*color:#ffffff !IMPORTANT;*/
	color:rgba(0,146,140,.6) !IMPORTANT;
	/*background:#E6E6E6 !IMPORTANT;*/
}
#mainnav
{
	margin-right: auto;
    margin-left: auto;
	margin-bottom:0px;
}
.navicon:hover
{
	color: #ffffff !IMPORTANT;
}
#navRow
{
	width:100%;
	margin:0px;
	padding:0px !IMPORTANT;
}
nav
{
	font-weight:bold;
}
.navbar-inverse .navbar-nav>.open>a
{
	/*background: rgba(0,0,0,.6) !IMPORTANT;*/
	background:#E6E6E6 !IMPORTANT;
	color:#cccccc !IMPORTANT;
}
#esrclog
{
	display:none;
}
#esrclog2
{
	margin-left:10px;
	max-height:80px;
	padding-top:10px;
}
@media only screen and (max-width: 768px)
{
	.navbar-nav li
	{
		border-bottom: 1px solid #eee;
	}
	#navcol
	{
		/*display:none !IMPORTANT;*/
	}
	#mobmenusearch
	{
		display:block !IMPORTANT;
	}
	.deskmenusearch
	{
		display:none;
	}
	#logo
	{
		max-height:50px;
	}
	#esrclog
	{
		max-height:50px;
		display:inline;
	}
	#esrclog2
	{
		display:none;
	}
	.navbar-nav .open .dropdown-menu > li > a
	{
		padding-top:10px !IMPORTANT;
		padding-bottom:10px !IMPORTANT;
	}
}
#mainmenu
{
	/*margin-right:300px;*/
}

/*@media only screen and (min-width: 1100px)*/
@media only screen and (min-width: 1400px)
{
	#mainmenu, .this
	{
		/*margin-top:50px;*/
		top:50px;
		left:400px;
		position:relative;
		
	}
}
.logolnk:hover
{
	text-decoration:none;
}
#searchform > div
{
	padding-top:10px !IMPORTANT;
	padding-bottom:10px  !IMPORTANT;
}
#site_search, #site_search_but
{
	height:30px !IMPORTANT;
}
#site_search_but
{
	padding-top:4px !IMPORTANT;
	padding-bottom:4px !IMPORTANT;
}
.icon-bar
{
	background-color: rgb(0,146,140) !IMPORTANT;
}
.dropdown-menu>li>a
{
	font-weight:bold !IMPORTANT;
}

#navcol, #logocol
{
	padding:0px;
	
}
#serbar
{
	padding-left: 10px;
}
#navcol
{
	padding-left: 0px !IMPORTANT;
	padding-right: 0px !IMPORTANT;
}
#socialiconshead a
{
	color:#cccccc !IMPORTANT;
}
#mendsvg
{
	position:relative;
	top:2px;
	background:#cccccc;
	border-radius: 5px;
}
#mendsvg path
{
	fill:#008291;
}
#mendsvg:hover
{
	background:#ffffff !IMPORTANT;
}

#sharepointsvg
{
	position:relative;

	background:#cccccc;

}
#sharepointsvg path
{
	/*fill:#008291;*/
}
#sharepointsvg:hover
{
	background:#ffffff !IMPORTANT;
}


#itsvg
{
	position:relative;
	top:2px;
	border-radius: 5px;
}
#p2, #p3, #p4, #p5
{
	fill:#008291;
}
#p1
{
	fill:#cccccc;
}
#itsvg:hover #p1 
{ 
	fill:#ffffff; 
}
/****************************
		CRUMBS CSS
*****************************/

#crumbs
{
	z-index:10 !IMPORTANT;
	position: relative;
	background-color:#E6E6E6;
	padding:1%;
	padding-left:5%;
	padding-right:5%;
	width:100%;
/*
	-webkit-animation-name: crumbsin; 
	-webkit-animation-duration: 1.0s; 
	-webkit-animation-fill-mode: forwards; 

	-moz-animation-name: crumbsin; 
	-moz-animation-duration: 1.0s; 
	-moz-animation-fill-mode: forwards; 

	-o-animation-name: crumbsin;
	-o-animation-duration: 1.0s; 
	-o-animation-fill-mode: forwards; 

	animation-name: crumbsin; 
	animation-duration: 1.0s; 
	animation-fill-mode: forwards;
*/
}
/*
@-webkit-keyframes crumbsin 
{
    0%   {top:-50px; opacity: 0;}
	50%   {opacity: 0.2;}
    100% {top:0px; opacity: 1;}
}
@keyframes crumbsin 
{
    0%   {top:-50px; opacity: 0;}
	50%   {opacity: 0.2;}
    100% {top:0px; opacity: 1;}
}
*/
#crumbs > li
{
	list-style:none;
	display:inline;
	font-weight:bold;
	color: inherit; /* blue colors for links too */
	text-decoration:none !IMPORTANT;
}
#crumbs > li > a
{
	color: rgb(0,130,145) !IMPORTANT;
}
.nopadd
{
	padding:0px !IMPORTANT;
	width:100%;
	background-color:none !IMPORTANT;
}
.nomar
{
	margin:0px !IMPORTANT;
}
@media only screen and (max-width: 768px)
{
	#crumbs
	{
		font-size:0.5em;
	}
}
#covid_banner
{
	background-color:#14cc9b;
	padding:2px;
	padding-left:5%;
	padding-right:5%;
	width:100%;
	text-align:center;
	
}
#covid_banner a
{
	color:#ffffff;
}
/*
*****************************
SEARCH FORM CSS
*****************************
*/
.ser_p
{
	margin-top:50px;
	margin-bottom:25px;
	border-bottom: 1px solid #E6E6E6;
	font-size:25px;
}
.htdig_string
{
	color:red;
	font-weight:bold;
}
.moo span
{
	display:none;
}
#log
{
	list-style:none;
	padding:none !IMPORTANT;
}
.navbar-form
{
	border:none !IMPORTANT;
}
	
/*
*****************************
TABS CSS
*****************************
*/
.nav-tabs>.active>a
{
	/*background-color: #008ac6 !IMPORTANT;*/
	background-color: rgb(0,130,145) !IMPORTANT;
	color: #ffffff !IMPORTANT;
}
#workstationmain
{
	display:none !IMPORTANT;
}

/*
*****************************
HOME PAGE CSS
*****************************
*/
/* for MS Sway iframe to make the boxes sized the same as other divs */
.scrollbar-element.horizontal.scrollbar-hidden
{
	bottom:0px !IMPORTANT;
}

/*
*****************************
CAROUSEL CSS
*****************************
*/
#carouselRow
{
	position:relative;
	z-index:5 !IMPORTANT;
	
}

@media only screen and (max-width: 1000px)
{
	.carousel-caption
	{
		/*font-size:70%;*/
		font-size: 1.5em !IMPORTANT;
	}
	@media only screen and (max-width: 768px)
	{
		#carouselRow
		{
			/*top:46px;*/
		}
		.carousel-caption
		{
			/*font-size:70%;*/
			font-size: 0.8em !IMPORTANT;
			margin-bottom:0px !IMPORTANT;
		}
	}
}


.carousel-caption3
{
	/*bottom:-120px !IMPORTANT;*/
	/*/position:relative !IMPORTANT;*/
}
.carousel-inner3
{
	overflow:visible !IMPORTANT;
	max-height: none !IMPORTANT;
}
.resimgwrap3
{
	max-height: none !IMPORTANT;
	position:relative !IMPORTANT;
	top: 0px !IMPORTANT;
}
.carousel-indicators3
{
	/*bottom:-100px !IMPORTANT;*/
	max-height: none !IMPORTANT;
	
}
.carousel-control3
{
	
}
.MainCarousel3
{
	/*max-height: 344px !IMPORTANT;*/
	width:100% !IMPORTANT;
}
.img-responsive3
{
	top: 0px !IMPORTANT;
}
#carouselRow img
{
	text-align:center;
	width:100%;
}
.carouselRow3
{
	/*max-width:1170px !IMPORTANT;*/
	/* max-width:918px !IMPORTANT; */
	margin-left: auto !IMPORTANT;
	margin-right: auto !IMPORTANT;
}
#crumbsRow
{
	margin-left: -0px !IMPORTANT;
    margin-right: -0px !IMPORTANT;
}

.carouselh1
{
	margin-top:10px;
}
.carousel-indicators
{
	bottom:0px !IMPORTANT;
	margin-bottom:5px !IMPORTANT;
}
#MainCarousel
{
padding:0px !IMPORTANT;
margin-right: auto;
    margin-left: auto;
	
}
.carousel-caption
{
	font-weight: bold !IMPORTANT;
    font-size: 2.5em;
    text-align: center;
    text-shadow: 2px 2px #000000 !IMPORTANT;
	padding-bottom: 0px !IMPORTANT;
	/*padding-right: 50px !IMPORTANT;
	padding-left: 100px !IMPORTANT;*/
	left:5% !IMPORTANT;
	right:5% !IMPORTANT;
	line-height: 1.15em;
	margin-bottom:0px;
}
.top_left
{
	top:0px !IMPORTANT;
	left:0px !IMPORTANT;
}
.top_right
{
	top:0px !IMPORTANT;
	right:0px !IMPORTANT;
}
.bottom_left
{
	left:0px !IMPORTANT;
}
.bottom_right
{
	right:0px !IMPORTANT;
}
.center_left
{
	margin-right:50% !IMPORTANT;
	position: absolute !IMPORTANT;
    top: 0 !IMPORTANT;
    display: -webkit-box !IMPORTANT;
    display: -moz-box !IMPORTANT;
    display: -ms-flexbox !IMPORTANT;
    display: -webkit-flex !IMPORTANT;
    display: flex !IMPORTANT;
    -webkit-box-align: center !IMPORTANT;
    -moz-box-align: center !IMPORTANT;
    -ms-flex-align: center !IMPORTANT;
    -webkit-align-items: center !IMPORTANT;
    align-items: center !IMPORTANT;
    height: 100% !IMPORTANT;
}
.center_right
{
	margin-left:50% !IMPORTANT;
	position: absolute !IMPORTANT;
    top: 0 !IMPORTANT;
    display: -webkit-box !IMPORTANT;
    display: -moz-box !IMPORTANT;
    display: -ms-flexbox !IMPORTANT;
    display: -webkit-flex !IMPORTANT;
    display: flex !IMPORTANT;
    -webkit-box-align: center !IMPORTANT;
    -moz-box-align: center !IMPORTANT;
    -ms-flex-align: center !IMPORTANT;
    -webkit-align-items: center !IMPORTANT;
    align-items: center !IMPORTANT;
    height: 100% !IMPORTANT;
}
.left
{
	text-align: left !IMPORTANT;
}
.right
{
	text-align: right !IMPORTANT;
}
.center
{
	text-align: center !IMPORTANT;
}
#MainCarousel > div > div > div > p
{
	/*text-shadow: 0 1px 14px rgba(0,0,0,.6);*/
}
.item img
{
	filter: brightness(85%);
}
#MainCarousel .img-responsive
{
	width:100%;
}

.homeimgwrap
{
	max-height:400px;
}
.homeimgwrap .img-responsive
{
	position:relative;
	top:-80px;
	overflow: hidden;
}
.resimgwrap
{
	max-height:400px;
	max-height:400px;
}
.resimgwrap .img-responsive
{
	position:relative;
	top:-50px;
	overflow: hidden;
}

@media only screen and (max-width: 768px)
{
	.page-header
	{
		font-size:20px !IMPORTANT;
		margin-top:25px !IMPORTANT;
	}
	.homeimgwrap
	{
		max-height:100%;
	}
	.homeimgwrap .img-responsive
	{
		position:relative;
		top:0px;
	}
	.resimgwrap
	{
		max-height:100%;
	}
	.resimgwrap .img-responsive
	{
		position:relative;
		top:0px;
	}
}
@media only screen and (max-width: 1350px)
{
	.homeimgwrap
	{
		max-height:100%;
	}
	.homeimgwrap .img-responsive
	{
		position:relative;
		top:0px;
	}
	.resimgwrap
	{
		max-height:100%;
	}
	.resimgwrap .img-responsive
	{
		position:relative;
		top:0px;
	}
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/*
*****************************
main page CSS
*****************************
*/
.container
{
	position:relative;
}
.partlogorow
{
	margin-bottom:20px;
	margin-top:20px;
}
.error
{
    display: none;
    color: #a94442;
}
.spaceerror
{
    display: none;
    color: #a94442;
}
.noblnkerror
{
	display: none;
    color: #a94442;
}
.warning
{
    display: none;
    color: #8a6d3b;
}
.servicecol
{
	text-align:center;
}
.mainicon
{
	color:#63AFF8;
}
.services
{
	color:#146EC5;
}

.grybox
{
	background-color: #E6E6E6;
	border-radius: 5px;
	margin-bottom:10px;
	padding-bottom:5px;
}
.grybox2
{
	/*background-color: #E6E6E6;*/
	
	border: 2px solid #E6E6E6;
	border-radius: 10px;
	padding:10px;
	min-height:140px !IMPORTANT;
	
}
.greenbox
{
	background-color: rgb(0,146,140);
	color:#ffffff;
	padding:10px;
	min-height:140px !IMPORTANT;
}
.greenbox h3
{
	margin-top:10px;
	text-align:center;
}
.greenbox a
{
	color:#ffffff !IMPORTANT;
}

/*
*****************************
DOCLIB CSS
*****************************
*/
.doclibloginbanner
{
	margin:0px;
	padding:0px;
	list-style-type: none;
	float:right;
}
#doclib ul
{
    list-style-type:none !IMPORTANT;
}
.categoryheader
{
	margin-top:8px;
}
/*
*****************************
NEWSLIB CSS
*****************************
*/
/* LOCATED AT /data/www/cpc2/includes/newslib3.2-bootstrap/newslib_resources */


/*
*****************************
FOOTER CSS
*****************************
*/
#footer
{
margin-top:50px;
border-top: 1px solid #eee;

}
#footer img
{
 /*width:100%;*/
 max-width:100%;
}
.logocol
{
	padding-left:5px !IMPORTANT;
	padding-right:5px !IMPORTANT;
}
.greytxt
{
	color: #777;
	padding-left:5px !IMPORTANT;
	padding-right:5px !IMPORTANT;
	font-style:bold;
}
.greytxt p
{
	margin:0px;
}
#copyright
{

}
#socialiconsfoot, #socialiconshead
{
	color: #777;
	padding:0px;
	padding-right:0px;
	margin-left:250px;
	height: 50px;
	float:none;
}
@media only screen and (max-width: 1100px)
{
	#socialiconsfoot
	{
		margin-left:0px !IMPORTANT;
	}
}
/*
@media only screen and (min-width: 1050px)
{
	#socialiconsfoot
	{
		margin-left:300px !IMPORTANT;
	}
}
*/
#socialiconsfoot a i
{
	padding-top:10px;
	padding-bottom:10px;
}
#socialiconsfoot a
{
color:#777 !IMPORTANT;
}
.footfbicon:hover
{
color: #3b5999;
}
.foottwicon:hover
{
color: #4099FF;
}
.footyticon:hover
{
color: #e52d27;
}
.footliicon:hover
{
color: #04669A;
}
.footrssicon:hover
{
color:#f86811;
}
.footmendicon
{
	margin-right:10px;
}
.footmendicon #mendsvg
{
	background:#777;
	border-radius: 2.5px;
}
.footmendicon #mendsvg path
{
	fill:#ffffff;
}
.footmendicon #mendsvg:hover
{
	background:#b22129 !IMPORTANT;
}
.smol
{
	width:24px !IMPORTANT;
	padding:0px;
	margin:0px;
}
.footiticon #itsvg
{
	position:relative;
	top:2px;
	border-radius: 2.5px;
	
}
.footiticon #p2, .footiticon #p3, .footiticon #p4, .footiticon #p5
{
	fill:#ffffff;
}
.footiticon #p1
{
	fill:#777;
}
.footiticon #itsvg:hover #p1 
{ 
	fill:#6cab36; 
}
.geodatalink 
{
	color:#bbb !IMPORTANT;
}
.footshicon
{
	border-radius: 2.5px;
	margin-right:5px;
}
#sharepointsvg
{
	background: #777 !IMPORTANT;
	position:relative;
	top:2px;
	border-radius: 2.5px;
}
#sharepointsvg:hover
{
	background: #0072c6 !IMPORTANT;
}
.geologo
{
	position:relative;
	top:-2px;
}

/*
*****************************
SEMINAR PAGE CSS
*****************************
*/
.today
{
	background: rgba(255, 102, 102, 0.5) !IMPORTANT;
}
.thisweek
{
	background:rgba(0,146,140,.2) !IMPORTANT;
}
.seminarscroll
{
	background:rgba(255, 175, 77,0.5) !IMPORTANT;
}
.calendar table.month td.day .day-content:hover 
{
    background: rgba(0,0,0,.2) !IMPORTANT;
    cursor: pointer;
}


.range .day-content
{
	background: rgba(0,0,0,.2) !IMPORTANT;
}

.specialbr
{
	display:none;
}
.chkcol
{
	vertical-align: text-bottom;
}
@media only screen and (max-width: 768px)
{
	.checkbox
	{
		font-size:80% !IMPORTANT;
	}
	.specialbr
	{
		display:block;
	}
	.checkbox label
	{
		padding-left:0px !IMPORTANT;
	}
	.checkbox input[type="checkbox"]
	{
		position:relative !IMPORTANT;
		margin-left:0px !IMPORTANT;
	}
	.semtable
	{
		font-size:80% !IMPORTANT;
	}
}
.seminartitle
{
	color: rgb(0,130,145) !IMPORTANT;
}
.modalh3title
{
	/*color:rgb(0,146,140) !IMPORTANT;*/
}
.panel-heading:hover {
    /*background-color: #ccfaff !IMPORTANT;*/
    border-color: #00b8cc !IMPORTANT;
	background: rgba(0,130,145,.5) !IMPORTANT;
	cursor:pointer;
}
.panel-heading:hover  .panel-title a
{
	color:#ffffff !IMPORTANT;
}
.eventunderline
{
	height:15px;
	/*background:#42f44b;*/
	border-radius:5px;
}
.abstract
{
	margin-bottom:40px;
}
.event-tooltip-content
{
	margin-bottom:10px;
	text-align:left;
}
/* FOR YOUTUBE VIDS */
iframe
{
	margin: 0 auto;
	display:block;
}
.seming
{
float:right;
padding-left:10px;
padding-bottom:10px;
max-height:300px;
}
.semcol
{
/*box-shadow:#004d80 0px -4px 0px 0px inset,
#008ae6 0px -8px 0px 0px inset,
#4db8ff 0px -12px 0px 0px inset;*/
border-top: 12px solid #2c8fc9;
/*box-shadow:#2c8fc9 0px -12px 0px 0px inset;*/
padding-bottom:5px;
text-align:center;
}
.evecol
{
	/*
box-shadow:#145214 0px -4px 0px 0px inset,
#29a329 0px -8px 0px 0px inset,
#5cd65c 0px -12px 0px 0px inset;*/
border-top: 12px solid #9cb703;
/*box-shadow:#9cb703 0px -12px 0px 0px inset;*/
padding-bottom:5px;
text-align:center;
}
.worcol
{
/*box-shadow:#b31500 0px -4px 0px 0px inset,
#ff341a 0px -8px 0px 0px inset,
#ff8e80 0px -12px 0px 0px inset;*/
border-top: 12px solid #ff4a32;
/*box-shadow:#ff4a32 0px -12px 0px 0px inset;*/
padding-bottom:5px;
text-align:center;	
}
.concol
{
/*box-shadow:#671d95 0px -4px 0px 0px inset,
#9e3fd9 0px -8px 0px 0px inset,
#c995ea 0px -12px 0px 0px inset;*/
border-top: 12px solid #9e3fd9;
/*box-shadow:#9e3fd9 0px -12px 0px 0px inset;*/
padding-bottom:5px;
text-align:center;	
}
.othcol
{
/*box-shadow:#cc6600 0px -4px 0px 0px inset,
#ff9933 0px -8px 0px 0px inset,
#ffcc99 0px -12px 0px 0px inset;*/
/*-box-shadow:#f5bb00 0px -12px 0px 0px inset;*/
border-top: 12px solid #f5bb00;
padding-bottom:5px;
text-align:center;	
}
.keycol
{
	margin-bottom:5px;
	
}
.thswk
{
	background: rgba(0, 146, 140, 0.2);
	height:20px;
}
.tdy
{
	background:rgba(255, 102, 102, 0.5);
	height:20px;
}
.nxtd
{
	background: rgba(255, 175, 77, 0.5);
	height:20px;
}

.chkcol 
{
	width:19%;
	margin-left:0.5%;
	margin-right:0.5%;
	float:left;
	margin-bottom:20px;
	/*min-height:65px;*/
}
.chkcol > div
{
	margin-top:5px;
}


/****************************
PEOPLE PAGE CSS
*****************************/
/*.partners > div
{
	text-align: center !IMPORTANT;
	margin-bottom:15px;
}*/
.teamname
{
	margin-top:5px !IMPORTANT;
	margin-bottom:15px !IMPORTANT;
	cursor:pointer;
}
@media only screen and (max-width: 768px)
{
	.checkbox
	{
		font-size:80% !IMPORTANT;
	}
    .teamname
	{
        font-size:70% !IMPORTANT;
    }
	.position
	{
		font-size:50% !IMPORTANT;
	}
}
.perpubicon
{
	z-index:0 !IMPORTANT;
}
.teamtitle
{
	text-align: center !IMPORTANT;
	margin-bottom:20px;
	padding-left:10px !IMPORTANT;
	padding-right:10px !IMPORTANT;
}
.biopic, .progpic
{
	max-width:100%; 
	/*margin-bottom:10px;*/
	position:relative;
	cursor:pointer;
	box-shadow: 0px 0px 20px grey;
}
.tinybiopic
{
	height:20px;
	width:20px;
}
.biopic:hover, .progpic:hover
{
	box-shadow: 0px 0px 20px rgb(0,146,140);
}
.teaminfo
{
	display:none;
}

.closecross
{
	position:absolute;
	right:15px;
	top:10px;
	color: #a94442;
	cursor:pointer;
}
.closecross:hover 
{
	color: #cc0000;
}
.per_papers
{
	list-style:none;
	padding-left:10px !IMPORTANT;
}
	
.per_papers li
{
	margin-bottom:5px;
}
.per_details
{
	padding-left:40px !IMPORTANT;
}
.innerimg
{
	padding-bottom:20px !IMPORTANT;
	text-align:center;
}
.innerimg img
{
	max-width:100% !IMPORTANT;
}
.per_projects
{
	list-style:none;
	padding-left:10px !IMPORTANT;
}
.per_projects li
{
	margin-bottom:5px;
}
.modal-dialog
{
	width:80% !IMPORTANT;
	text-align:left !IMPORTANT;
}
@media only screen and (max-width: 768px)
{
	.modal-dialog
	{
		width:95% !IMPORTANT;
	}
}


.personlnks
{
	margin-right:10px;
	
	/* SAM */
}
.personlnks i
{
	color:#777;
}
.personlnks i:hover
{
	color:rgb(0,146,140) !IMPORTANT;
}
.percontact
{
	font-weight:bold;
}
/*
.modal {
  overflow-y:auto !IMPORTANT;
}*/
/****************************
PUBLICATION PAGE CSS
*****************************/
.pubicon
{
	color: rgb(0,146,140) !IMPORTANT;
}
.pubiconcol
{
	/*for the small icons*/
	text-align:center;
}
.papertitle 
{
	margin: 0px !IMPORTANT;
	/*padding-top:0.5%;
	padding-bottom:0.5%;*/
}
/*
.paperlinkimg
{
position:relative;
top:5px;
}
*/
.method-bottom
{
	/*underline for each pub*/
	margin-bottom:10px;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:10px;
}
.scrolltoitem
{
	background-color:rgba(0,146,140,.4);
}
.yearchk, .yearreset
{
	margin:5px;
}
.btn-primary.yearchk, .btn-primary.yearreset
{
	color:#ffffff !IMPORTANT;
	background-color: rgb(0,146,140) !IMPORTANT;
	border-color: rgb(0,146,140) !IMPORTANT;
}
.btn-primary.yearchk:hover, .btn-primary.yearreset:hover
{
	background-color: rgb(0, 128, 123) !IMPORTANT;
	border-color: rgb(0, 128, 123) !IMPORTANT;
}
.chkcen
{
	text-align:center;
}
.chkrow
{
	margin-bottom:10px;
}
.white
{
  color: #ffffff;
  position:relative;
}
.smallstack
{
	text-align: center;
}
.databasesmall
{
	top:12px !IMPORTANT;
	left:-1px !IMPORTANT;
}
.conferencesmall
{
	top:14px !IMPORTANT;
}
.other_working_papersmall
{
	left:2px !IMPORTANT;
	top:1px !IMPORTANT;
}
.reportsmall
{
	top:15px !IMPORTANT;
	left:-1px !IMPORTANT;
}
.othersmall
{
	top:14px !IMPORTANT;
	left:1px !IMPORTANT;
}
.working_papersmall
{
	left:2px !IMPORTANT;
	top:14px !IMPORTANT;
}
.icomoonpub
{
	position:relative;
	top:14px !IMPORTANT;
	left:-6px !IMPORTANT;
}
.otherpub
{
	position:relative;
	top:14px !IMPORTANT;
	left:1px !IMPORTANT;
}
/*
*****************************
PILLS CSS
*****************************
*/
.minpillh
{
	text-align:center;
}
.pilltitle
{
	margin-top:15px;
}
.pilllnk
{
	padding:0px !IMPORTANT;
}
.pillspan>i
{
	z-index:2;
}
.pillspan>svg>use
{
	z-index:2;
}
.fa-circle
{
	z-index:-1;
}
.icomoon
{
	width:70px !IMPORTANT;
}
.hollowcir
{
	color:#d9d9d9 !IMPORTANT;
	display:none;
}




#pills1>.active>.pilllnk>.pillspan .solidcir
{
	color:#ffffff !IMPORTANT;
}
#pills1>.active:hover>.pilllnk>.pillspan .hollowcir
{
	color:#d9d9d9 !IMPORTANT;
}
#pills1>.active>.pilllnk>.pillspan>.solidcir
{
	color:#ffffff !IMPORTANT;
}
#pills1>.active>.pilllnk>.pillspan>.hollowcir
{
	display:inline-block !IMPORTANT;	
	color: rgb(0,146,140) !IMPORTANT;
}
#pills1>.active>.pilllnk>.pillspan>svg
{
	color: rgb(0,146,140) !IMPORTANT;
}
.minpillh:hover>.pilllnk>.pillspan .hollowcir
{
	display:inline-block !IMPORTANT;	
}
#pills1
{
	padding:0px;
}


/*
.nav-pills>.active>a .pillspan>.fa-circle
{
	background-color:#ffffff !IMPORTANT;
	z-index:1 !IMPORTANT;
}*/

#pubselectlist
{
	padding-top:10px;
	display:none !IMPORTANT;
}
@media only screen and (max-width: 768px)
{
	#pills1
	{
		display:none;
	}
	#pubselectlist
	{
		display:block !IMPORTANT;
	}
}
/****************************
reaserch programme PAGE CSS
*****************************/
.projectrow
{
	text-align:center;
}
@media only screen and (max-width: 768px)
{
	.progheading
	{
		font-size:90%;
	}
}

/*
.progheading
{
	font-size:14px;
}
.projectcol 
{
	padding-top:0px !IMPORTANT;
	padding-left:10px !IMPORTANT;
	padding-right:10px !IMPORTANT;
	margin-bottom:10px;
}

style="display:inline-block;max-width:200px;"
*/


.prog_div
{
	display:inline-block;
	max-width:150px;
	
	padding-left:5px;
	padding-right:5px;
	margin-bottom:10px;
	vertical-align: top;

}
.prog_div img
{
	display:inline-block;
	max-width:112px;
	border-radius:50%;
}
@-moz-document url-prefix() {
  .prog_div img
	{
		display:inline-block;
		max-width:112px;
		border-radius:50%;
		position:relative;
		top:-34px;
	}
	
	.prog_div h4 {
	  top: -50px;
	  position: relative;
	}
}

.hollowcir2
{
	color:#d9d9d9 !IMPORTANT;
	display:none;
	position:absolute	!IMPORTANT;
	/*top:50px !IMPORTANT;*/
}
.prog_div:hover .hollowcir2
{
	display:inline !IMPORTANT;	
}


.prog_h
{
	font-size:1.1em;
	padding-left:5px;
	padding-right:5px;
}
.all_prog_div
{
	
}

/****************************
projects PAGE CSS
*****************************/
.projectslist
{
	margin-top:10px;
}
.proj_people
{
	list-style:none;
	padding-left:10px !IMPORTANT;
}
#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	opacity:0.7;
	color: rgb(0,146,140) !IMPORTANT;
	z-index:30;
}
/****************************
newsletter PAGE CSS
*****************************/
.nlul
{
	margin-bottom:10px;
}
.newslwetterlnk
{
	text-align:right;
}
.smallnewsletter
{
	height:200px;
}
.smallnewsletter2
{
	height:300px;
}
.newsboxhead
{
	border-top:1px solid grey !IMPORTANT;
	margin-top:5px;
}


/****************************
TEST PAGE CSS
*****************************/
.not
{
	color:red;
}
.found
{
	color:green;
}
.war
{
	color:orange;
}
.latest
{
	min-height:55px;
}
.fltleft
{
	float:left;
}
/****************************
Admin PAGE CSS
*****************************/
.deleteicon:hover
{
	color: #a94442;
}
.deleteiconname:hover
{
	color: #a94442;
}
#sqlbox
{
	/*display:none;*/
}
#standard
{
	display:none;
}
#url
{
	display:none;
}
#file
{
	display:none;
}
/****************************
PRINTING PAGE CSS
*****************************/
/*@media print {
  body * {
    visibility:hidden;
  }
  .modal, .modal * {
    visibility:visible;
  }
  .modal {
    position:relative !IMPORTANT;
    left:0 !IMPORTANT;
    top:0 !IMPORTANT;
  }
}*/
/*
.nxt
{
	background-color:red !IMPORTANT;
}

.prev
{
	background-color:blue !IMPORTANT;
}*/

.greytxt2
{
	color: #777;
	padding-left:5px !IMPORTANT;
	padding-right:5px !IMPORTANT;
	font-style:italic;
	cursor:pointer:
}
/****************************
HINT CSS
*****************************/
.ui-autocomplete
{
	max-width:1000px;
}

/****************************
ICONS CSS
*****************************/
#iconload
{
	display:none;
}
.folder-icon, .smallicon
{
	width:15px;
}

.gry_spin
{
	color:#E6E6E6 !IMPORTANT;
}