/*Layouts css goes here*/
#wpadminbar .quicklinks>ul>li>a {color:#FFF!important}
#wpadminbar #wp-admin-bar-my-sites a.ab-item, #wpadminbar #wp-admin-bar-site-name a.ab-item {color:#fff!important;}
#wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar .shortlink-input, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item {color:#fff!important;}

/*to fix layout view box */
div.#ddl-default-edit.ddl-dialog{width: 800px!important;overflow:scroll;}
.ddl-dialog {width: 800px!important;}
#cboxContent {width:800px!important; overflow:scroll;}

body {
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
    line-height: 1.42857143;
    color: #002855!important;
    background-color: #fff;
}
body a {
    color: #002855!important;
  	font-weight: bold;
}

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6 { font-weight: bold; }

/*Greenlight Blog - to keep images at max width because there have been no formating*/

#blog .blog-image img {max-width:100%;}

.col-sm-6 {
   width: 100%;}

.col-sm-6 img{    max-width: 100%;}

#front-page .row {
    margin-right: -1px;
    margin-left: -1px;
}

.synved-social-button {
	margin: 40px 5px 5px!important;
}

img.UCD_logo.img-responsive {width:150px;}

/*iframe -faculty*/

.faculty-img img{float:left!important;}

 header {padding: 20px 10px 20px 10px;}
/* Navigation */
#ITS-nav .col-sm-12 {
    width: 100%;
    padding-top: 15px!important;
    padding-left: 0px!important;}

.navbar-brand, .navbar-nav>li>a {
  text-shadow: none!important;}

.navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
  background-color: #1a3e68!important;}

.navbar-collapse.collapse.in {background-color:pink;}

.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 15px;}
.ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap {
    margin: 0;
    margin-top: 30px;
    border-top: 1px solid #1a3e68;
    border-left: 1px solid #1a3e68;
  border-bottom: 1px solid #1a3e68;}

.ddl-navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

ddl-nav-wrap .ddl-nav {
	margin-top:50px;}

.ddl-nav > li > a:hover, .ddl-nav > li > a:focus {
    text-decoration: none;
    background-color: #4d688c!important;
  	color: #1a3e68!important;}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   background-color: #4d688c!important;
  	color: #1a3e68!important;}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 30px!important;}
.dropdown-menu {background-color:#FFF!important;}

.navbar .navbar-nav .open .dropdown-menu>.active>a {background-image:none; background-color: #4d688c;}

.navbar-default  > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    /*font-size: 18px;*/
    text-transform: uppercase;
	color: #FFFFFF!important;
}
nav.navbar.navbar-default.navbar-static-top  {
    background-color: #1a3e68!important;
  	border-color: #1a3e68!important;
	background-image:none!important;
	height: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: linear-gradient(to bottom,#335379 0,#667D9D 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-image: linear-gradient(to bottom,#335379 0,#667D9D 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0,0,0,.075);
    box-shadow: inset 0 3px 9px rgba(0,0,0,.075);}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-image: linear-gradient(to bottom,#335379 0,#4D688C 100%)!important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  	padding-bottom: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
  	background-image: linear-gradient(to bottom,#335379 0,#4D688C 100%)!important;
    /*background-repeat: no-repeat!important;
  background-color: #4d688c!important;}*/}

.navbar .navbar-default .navbar-static-top   {
    width: 100%;
    height: 30px;
    margin-right: 0px!important;
    padding-right: 0px!important
	margin-left:0px!important;
	margin-bottom:20px!important;
  	background-image: none!important;
}
/* Publications */

#menu-its-home li:focus {padding-top:16px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        margin-bottom: 0px;
  		margin-top: 1px;}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
  	padding-top: 15px;
    padding-bottom: 15px;
   /* font-size: 18px;*/
  	font-weight: 400;
  	color: #fff!important;
	text-transform: uppercase;}
nav.ddl-nav-stacked {
   width: 100%;
  padding: 50px 5px 50px 5px!important;}

.ddl-nav > li > a:focus {
  text-decoration: none;
    background-color: #4d688c!important;
  color: #1a3e68!important;}
    
.ddl-nav > li > a:hover, .ddl-nav > li > a:focus {
    text-decoration: none;
    background-color: #4d688c!important;
  color: #1a3e68!important;}

#ITS-Nav .col-sm-12 section{
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid #1A3e68;
    width: 100%;
    float: left;
    background: #1A3e68;
    border-radius: 0px!important;
    padding: 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*Front Page */

/*Slider*/

.slide-img img {width:100%;}
 
.slider-link h4 {
  	color:#FFF!important;
	font-size: medium;}
.slider-link {
  	position:relative;
  	margin-top: -40%;
    margin-left: 5%;
    width: 35%;
  	background:rgba(218, 160, 0, 0.7);
  	padding:5px;
	}
 
.carousel-caption  {
    position: initial!important;
    float: left;
    margin: 20px;
    padding: 20px;
    width: 30%;
    /*background: #Daa000;*/  }
#front-page .gold-back {
  	border-style: solid;
    border-width: 1px;
	border-color: #ccc;
    margin-top: -10px;}

#front-page .centers  {
	background:#FBF6E5;
  border-style: solid;
    border-width: 1px;
	border-color: #ccc;
  padding: 10px 0px 10px 10px;
}
#front-page centers a {padding-top:4px;}



#its-media-inquiries .contacts {
    padding: 20px 20px 20px 20px;
    background: #FBF6E5;
    border-style: solid;
	  border-color: #ccc;}


p.pub {
  	font-style: italic;
	padding: 0px 0px 0px 10px;}

.in-the-news img {
    vertical-align: middle;
  max-width: 100%;}

#in-the-news p {font-weight:normal;}

#front_page_video  {
  /*background-color:#CCD4E0;*/
	    background: #FBF6E5;}

.video-highlights  {
  /*background-color:#CCD4E0;*/
	    background: #FBF6E5;}

#front_page hr {
    margin-top: 10px;
    margin-bottom: 10px;
	border-top: 3px solid #CCCCCC;}



#front-page .{padding-bottom:10px;}

#front-page .greenlight h3 a { 
  color: #fff!important;
  font-weight: 500!important;
}
#front-page .greenlight h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    background-color: #00573F;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  padding-left: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.read-more h3 {background-color: #CCCCCC;}
.read-more a {padding-left:30px; font-size: small; font-weight: thin;}
.read-more {background-color: #CCCCCC;color:#FFF;}

#front-page-pubs  h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  	padding-left: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#front-page  h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  	padding-left: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#front-page .centers hr {
  	padding-top:10px
	margin-top: 10px;
    margin-bottom: 5px;
  padding-left:-10px;
  padding-right:-10px;
    border-top: 1px solid #ccc;}

#in-the-news img{width:100%;}

#in-the-news h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
  	Text-align:left;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  padding-left: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#in-the-news-2 h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    Text-align:center;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  padding-left: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.widgettitle {
    font-size: 16px;
    font-weight: 500!important;
    font-stretch: ultra-expanded;
    Text-align:center;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  padding-left: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.timeline-header h1 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    Text-align:center;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  padding-left: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.timeline-header, .timeline-footer
{
  display:none ;
}

.content{padding-left:10px;}

#front-page .fp-list {padding-left:10px;}

#front-page hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
  border-top: 2px solid #ccc;}

#its_front_right.col-sm-4 {
  /*background:#F4EACC;
    border-color: #daa000;*/
	background: #FBF6E5;
  	border-style: solid;
    border-width: 3px;
    border-color: #ccc;
    padding-right: 5px;
    padding-left: 5px;
}

#its_front_right.col-sm-4 h4 {
	color:#002855;
  	font-weight:bold;
  	font-size:14px;
}

#its_front_right.col-sm-3 {
  /*background:#F4EACC;
    border-color: #daa000;*/
  background: #FBF6E5;
    border-style: solid;
    border-width: 3px;
    border-color: #ccc;
    padding-right: 5px;
    padding-left: 5px;
}

#its_front_right.col-sm-3 h4 {
  color:#002855;
    font-weight:bold;
    font-size:14px;
}
.bio-full-width {
  	padding: 20px 0px 20px 0px;}
.bio-full-width-ttp {
  	padding: 20px 0px 20px 0px;
	background: #E5E9EF;}
.faculty-title dl {margin-left: 90px;}
.faculty-interests ul {padding-left:130px;}
.faculty-name {padding-top: 0px;}
.faculty-img img {padding-left: 10px;}

.blog-banner img {
  	max-height:300px;
	max-width: 100%;
	height: auto;}
#Greenlight-page {padding: 30px 30px 30px 30px;}
#Greenlight-page .box {background: #DCE4f0;}
#Greenlight-page p {padding: 5px;}
#Greenlight-page h3 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: ultra-expanded;
    Text-align: center;
    background-color: #1A3E68;
    height: 30px;
    padding-top: 8px;
    color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

#page-content h2 {
  
  color:#002855;
  font-weight: bold;}

/* content areas */

#news-page img {
    vertical-align: middle;
    float: left;
    padding: 0px 10px;
         max-height: 250px;}

.bio-img img {    max-width: 120px;}
.bio-small img { max-width: 125px; height: auto;}

.page-content img {
  		max-width: 100%;
		height: auto;}


/* Footer */

#ITS-footer-menu .footer h4 {padding-left: 10px;}

#ITS-footer-menu {
	font-size:x-small;
	font-weight:300;
  	padding:0px;
}
#ITS-bottom-border {padding-top:20px;}
#ITS-footer {border-style:none;background:#E5E9EF;}
#ITS-footer  .ddl-nav-wrap .ddl-nav {border-style:none;}

#ITS-footer-menu a {
	font-size:x-small;
	font-weight:300;
  	padding:0px;
}
.ddl-navbar-nav {border-style:none;}
  
#ITS-footer .ddl-navbar-collapse {
  margin-left:0px!important;
    padding-left: 0px;
}

#ITS-footer .ddl-nav-wrap .ddl-nav, .ddl-nav-extra .ddl-nav-wrap {
	border-style:none;
}
div.video-link  {background: #ccc;margin-top: 20px; margin-bottom: 40px;}
div.video-link a {padding-left: 10px;margin-bottom: 30px;}
div.seminar-list {padding-left: 20px;}

/*iframe for publications */



  
#its-footer {
	background-color: #E5E9EF;}
#its-footer {
	background-color: #E5E9EF;}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
.carousel-caption  {
    position: initial!important;
    float: left;
    margin: 20px;
    padding: 20px;
    width: 30%;
    background: #Daa000;}

 .navbar-default  > li > a {
   	font-size: 18px!important;}
  
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 
  .carousel-caption  {
    position: initial!important;
    float: left;
    margin: 20px;
    padding: 20px;
    width: 30%;
    background: #Daa000; }
  .navbar-default  > li > a {
   	font-size: 18px;}
 
  
}


/* Small devices (tablets, 768px and up) */
  /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
      .slider-link {
    	position: relative;
    	margin:0px;
    	width: 100%;
        padding: 5px;}
     #front-page-slider.col-sm-8 {padding-right:0px;}

    }



@media only screen and (max-width : 480px) {
   .slider-link h4 {
     font-size: x-small;}
  .slide-img img {width:100%;}
.carousel-caption  {
    position: initial!important;
    float: left;
    margin: 20px;
    padding: 20px;
    width: 30%;
    background: #Daa000;}
}
  
/* Galleries */
.gallery {
  list-style-type: none;
  margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	box-shadow: 0px 0px 4px #999;
	border: 1px solid white;
	padding: 8px;
	background: #f2f2f2;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

@media print {
	#page a[href]:after {
		content:none!important;
	}
}