/*
*****************************
SITEWIDE CSS
*****************************
*/
.container a, .mplnk
{
	text-decoration:none !IMPORTANT;
	/*color: rgb(141,57,112) !IMPORTANT;*/
	color: rgb(0,33,140) !IMPORTANT;
	font-weight:bold;
	cursor:pointer;
}
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,33,140) !IMPORTANT;
	border-color: rgb(0,33,140) !IMPORTANT;
}
.btn-primary
{
	color:#ffffff !IMPORTANT;
	background-color: rgb(0,33,140) !IMPORTANT;
	border-color: rgb(0,33,140) !IMPORTANT;
}
#searchform
{
	margin:0px !IMPORTANT;
	padding:0px !IMPORTANT;
	/*float:right;*/
}
.bg-info 
{
    background-color: rgba(0,33,140, 0.8) !important;
}
.attn
{
	font-weight:bold;
}
.progress
{
	margin-bottom:0px !IMPORTANT;
}
.navser
{
	float:right;
}
@media only screen and (max-width: 768px)
{
	#mainRow
	{
		top:0px !IMPORTANT;
	}
}
.disabled
{
	opacity:0.5 !IMPORTANT;
	cursor: not-allowed !IMPORTANT;
	pointer-events: none !IMPORTANT;
	color: gray;
}
/*
*****************************
NAVBAR CSS
*****************************
*/
#logobrand
{
	padding:0px !IMPORTANT;
}
#cpctopper
{
	height:100px;
}
.nav > li > a:hover
{
	/*background:#eeeeee !IMPORTANT;*/
}
.navbar
{
    /*color: #fff !IMPORTANT;*/
    /*background:rgb(0,33,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,33,140) !IMPORTANT;
}
#navbar-collapse-1 > ul > li > a:hover
{
	/*color:#ffffff !IMPORTANT;*/
	color:rgba(0,33,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;
}
@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;
	}
	.navbar-nav .open .dropdown-menu > li > a
	{
		padding-top:10px !IMPORTANT;
		padding-bottom:10px !IMPORTANT;
	}

}
#mobmenusearch
{
	display:none;
}
.icon-bar
{
	background-color: rgb(0,33,140) !IMPORTANT;
}
.dropdown-menu>li>a
{
	font-weight:bold !IMPORTANT;
}




#navcol, #logocol
{
	padding:0px;
}
#navcol
{
	padding-left:15px !IMPORTANT;
	padding-top:5px !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: absolute;
	background-color:#E6E6E6;
	padding:1%;
	padding-left:5%;
	padding-right:5%;
	width:100%;

	-webkit-animation-name: crumbsin; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 1.0s; /* Chrome, Safari, Opera */
	-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */

	-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;
	}
}
/*
*****************************
SEARCH FORM CSS
*****************************
*/

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



/*
*****************************
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;
		}
	}
}
.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, .center2
{
	text-align: center !IMPORTANT;
}
.center img
{
	width:80%;
}
.center2 img
{
	width:150px;
}
#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 !IMPORTANT;
}
.homeimgwrap .img-responsive
{
	position:relative;
	top:-80px;
	overflow: hidden;
}
.resimgwrap
{
	max-height:400px !IMPORTANT;
}
.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, .error2
{
    display: none;
    color: #a94442;
}

.error3, .error4
{
    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;
}
.war_star
{
	color: #a94442;
	font-size:20px;
	/*position:relative;
	top:15px;*/
}
.war_req
{
	color: #a94442;
}
.form-group
{
	/* SAm alterd this as forms were messed up */
	padding:10px 10px 10px 10px;
}
.has-error 
{
	background-color:rgb(252, 232, 230);
	border-radius:5px;
}
.be_aware
{
	border-radius:5px;
	font-weight:bold;
	background-color:rgb(252, 190, 103);
	padding:10px;
}
/*
*****************************
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:20px;
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:5px;
height:50px;
}
#geoiconsfoot
{
	padding:10px;
	height:50px;
}
#geoiconsfoot a
{
	color:grey !IMPORTANT;
}
#socialiconsfoot a
{
color:#777 !IMPORTANT;
}
.footfbicon:hover
{
color: #3b5999;
}
.footinsta:hover
{
	color: orange;
}
.foottwicon:hover
{
color: #4099FF;
}
.footyticon:hover
{
color: #e52d27;
}
.footliicon:hover
{
color: #04669A;
}
.footrssicon:hover
{
color:#f86811;
}
.footmendicon #mendsvg
{
	background:#777;
	border-radius: 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: 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;
}

#sharepointsvg
{
	position:relative;
	top:2px;
	border-radius: 5px;
}
#sharepointsvg .white
{
	fill:#FFFFFF !IMPORTANT
}
#sharepointsvg .color
{
	fill:#777;
}
#sharepointsvg:hover .color
{
	fill:#0072c6;
}
.geologo
{
	position:relative;
	top:-2px;
}

/*
*****************************
SEMINAR PAGE CSS
*****************************
*/
.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,33,140) !IMPORTANT;*/
}
.panel-heading:hover {
    /*background-color: #ccfaff !IMPORTANT;*/
    border-color: #00b8cc !IMPORTANT;
	background: rgba(0,33,140,.5) !IMPORTANT;
	cursor:pointer;
}
.panel-heading:hover
{
	color:#ffffff !IMPORTANT;
}
.exp
{
	background: rgb(0,33,140) !IMPORTANT;
	
	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;	
}
.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:2px !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;
	}
}

.teamtitle
{
	text-align: center !IMPORTANT;
	margin-bottom:10px;
	padding-left:10px !IMPORTANT;
	padding-right:10px !IMPORTANT;
}
.progpic
{
	max-width:100%; 

	/*margin-bottom:10px;*/
	/*position:relative;*/
	cursor:pointer;
	box-shadow: 0px 0px 20px grey;
}
.img-circle
{
	max-width:100%;
	text-align:center;
}
.placeholder
{
	opacity :0.5;
}
.progpicstat
{
	max-width:100%;
	/*margin-bottom:10px;*/
	/*position:relative;*/
	cursor:pointer;
	box-shadow: 0px 0px 20px grey;
}
.progpic:hover
{
	/*box-shadow: 0px 0px 20px rgb(0,33,140);*/
	box-shadow: 0px 0px 100px rgb(60, 186, 198);
}
.tinybiopic
{
	height:20px;
	width:20px;
}



.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,33,140) !IMPORTANT;
}
.percontact
{
	font-weight:bold;
}
/*
.modal {
  overflow-y:auto !IMPORTANT;
}*/
/****************************
PUBLICATION PAGE CSS
*****************************/
.pubicon
{
	color: rgb(0,33,140) !IMPORTANT;
	/*z-index:-1 !IMPORTANT;*/
}
.pubiconcol
{
	text-align:center;
}
.papertitle 
{
	margin: 0px !IMPORTANT;
	padding-top:0.5%;
	padding-bottom:0.5%;
}
.paperlinkimg
{
position:relative;
top:5px;
}
.method-bottom
{
margin-bottom:10px;
border-bottom:1px solid #E6E6E6;
padding-bottom:10px;
}
.scrolltoitem
{
	background-color:rgba(0,33,140,.4);
}
.yearchk, .yearreset
{
	margin:5px;
}
.btn-primary.yearchk, .btn-primary.yearreset
{
	color:#ffffff !IMPORTANT;
	background-color: rgb(0,33,140) !IMPORTANT;
	border-color: rgb(0,33,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;
}
/*
*****************************
PILLS CSS
*****************************
*/
.databasepill
{
	top:25px !IMPORTANT;
	left:-2px !IMPORTANT;
}
.conferencepill
{
	top:30px !IMPORTANT;
}
.other_working_paperpill
{
	left:4px !IMPORTANT;
	top:2px !IMPORTANT;
}
.reportpill
{
	top:28px !IMPORTANT;
	left:-2px !IMPORTANT;
}
.otherpill
{
	top:28px !IMPORTANT;
	left:1px !IMPORTANT;
}
.working_paperpill
{
	left:4px !IMPORTANT;
	top:25px !IMPORTANT;
}
.nav-pills>.active>a>.pillstack>.pubicon
{
	color: #ffffff !IMPORTANT;
	background-color:rgb(0,33,140) !IMPORTANT;
	border-radius:56px;
}
.pillstack:hover
{
	background-color: #E6E6E6 !IMPORTANT;
	border-radius:56px;
}
.pillstack
{
	max-width:100% !IMPORTANT;
}
/* flip the icon colour */
.nav-pills>.active>a>span>.fa-inverse
{
	/*background-color: rgb(0,130,145) !IMPORTANT;*/
	color: rgb(0,33,140) !IMPORTANT;
}
.nav-pills>.active>a>span>.glyphicon
{
	/*background-color: rgb(0,130,145) !IMPORTANT;*/
	color: rgb(0,33,140) !IMPORTANT;
}
.nav-pills>.active>a>span>.white
{
	/*background-color: rgb(0,130,145) !IMPORTANT;*/
	color: rgb(0,33,140) !IMPORTANT;
}
/* for the hover for the li a*/
.nav-pills > li > a:hover 
{
	background-color:#ffffff !IMPORTANT;
	color:rgb(0,33,140) !IMPORTANT;
}
/* for the focus for the li a*/
.nav-pills > li > a:focus
{
	background-color:#ffffff !IMPORTANT;
	color:rgb(0,33,140) !IMPORTANT;
}
/* for the li a background */
.nav-pills>.active>a
{
	background-color:#ffffff !IMPORTANT;
	color:rgb(0,33,140) !IMPORTANT;
}
/* min height for li */
.minpillh>a
{
	/*height:190px;*/
	
}
.pilltitle
{
	margin-top:5px;
}
#pubselectlist
{
	padding-top:10px;
	display:none !IMPORTANT;
}
@media only screen and (max-width: 768px)
{
	#pills1, #pills2
	{
		display:none;
	}
	#pubselectlist
	{
		display:block !IMPORTANT;
	}
}



/****************************
reaserch programme PAGE CSS
*****************************/
.projectrow
{
	text-align:center;
	margin-bottom:20px;
}
@media only screen and (max-width: 768px)
{
	.progheading
	{
		font-size:90%;
	}
}
/****************************
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,33,140) !IMPORTANT;
	z-index:30;
}
/****************************
newsletter PAGE CSS
*****************************/
.nlul
{
	margin-bottom:10px;
}
.newslwetterlnk
{
	text-align:right;
}
.smallnewsletter
{
	height:200px;
}

/****************************
TEST PAGE CSS
*****************************/
.not
{
	color:red;
}
.found
{
	color:green;
}
.war
{
	color:orange;
}
/****************************
Admin PAGE CSS
*****************************/
.deleteicon:hover
{
	color: #a94442;
}
.deleteiconname:hover
{
	color: #a94442;
}
#sqlbox
{
	/*display:none;*/
}
#standard
{
	display:none;
}
#url
{
	display:none;
}
#file
{
	display:none;
}

/****************************
events
*****************************/
.maplnk
{
	cursor:pointer;
}

.campmap
{
	width:100%;
	height:500px;
	
}
.map iframe
{
	margin:0px;
}
/****************************
timetable
*****************************/
#timetable th
{
	background-color:#3cbac6;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
.sbhead td
{
	background-color:rgb(0,33,140);
	color:#ffffff !IMPORTANT;
	font-weight:bold;
}
#timetable td
{
	color:rgb(0,33,140);
	font-weight:bold;
}
.specblu
{
	background-color:#3cbac6;
}
.brd
{
	border:5px solid red;
	background-color:#ffc6c6;
}
.booktr
{
	cursor:pointer;
}
.booktr:hover
{
	background-color:rgb(221, 221, 221)
}
.nowrap 
{
	white-space:nowrap;
}

.fenb
{
	/*fest ev no book */
}
.bfe
{
	/*fest ev yes book */
}

.ba
{
	/*book activ */
}
.anb
{
	/*non book activ */
}

/****************************
Booking quick links
*****************************/
.bookp
{
	cursor:pointer;
	color:rgb(0,33,140) !IMPORTANT;
}
.booking_sub_head
{
	font-weight:bold;
	width:100%;
	/*height:30px;*/
	background-color:rgb(0,33,140) !IMPORTANT;
	color:rgb(255,255,255) !IMPORTANT;
	padding:10px;
	margin-bottom:5px;
}
.bpd
{
	padding:5px;
}
.bpd p
{
	margin:0px !IMPORTANT;
}

/****************************
Video Wrapper
*****************************/
.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%;
}

/****************************
SOTSEF-registration
*****************************/
.main_reg_btn
{
	background-color:#3CBAC6 !IMPORTANT;
	border-color::#3CBAC6 !IMPORTANT;
}

/****************************
loginModal
*****************************/
#loginModal > .modal-dialog
{
	width:60% !IMPORTANT;
}
#login_message_alert, #login_message_success, #login_message_danger
{
	display:none;
	width:100%;
}
.forgottenpassform
{
	display:none;
}


/****************************
CitiScape ABOUT page Leaflet map
*****************************/

.votes
{
	float: right;
	padding-right: 20px;	
	font-weight: bold;
}

.leaflet-popup-content img  
{
	cursor: pointer;
}