.awards-row {
 width:100%;
  height:15px;
  float:left;
}

.lastUpdated span {
  font-style: italic;
  float: right;
  margin-top:30px;
}
.banner-hp-2015, .banner-hp-2015 img {
  border-radius:5px;
}

.banner-hp-2015 p {
  margin-bottom:15px;
}

div.feedback {
  background: #003976;
  padding:10px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-top:20px;
  float:left;
}

.feedbackArea .form-group {
margin-bottom:0;
float:initial;
}

div.thankVis {
  visibility: visible;
}

div.thankHidden{
  visibility: hidden;
  height: 0;
}

div.formDivVis {
  visibility: visible;
}

div.formDivHidden {
  visibility: hidden;
  height: 0;
}

div.feedbackArea {
  background: #003976;
  /*margin-bottom: 20px;*/
  padding: 10px;
float:left;
clear:both;
width:100%;
}

div.feedback {
  text-decoration: none;
  color: white;
}

div.hiddenForm, div.hiddenForm .errorbox-good {
  visibility: hidden;
  top:0px;
  width: 0;
  height: 0;
}

.feedbackArea .submitButton {
margin-top:15px;
}

div.feedbackArea form label{
  color: white;
  font-size: 12px;
}

#thankYou span {
color:white;
font-size:12px;
}

.rounded-corners {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
}

.taught-research img {
  position: relative;
  border-radius: 5px;
  z-index: 1;
}

.taught-research h3 {
  position: absolute;
  z-index: 2;
  margin-top: 15px;
  color: #FFF;
  width: 80%;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 5px 6px 15px;
}

.tr-red h3 {
  background: #222;
}

.taught-research {
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}

.image-margin {
  margin:5px;
}

.ninja {
    display: none;
    width: 0px;
    height: 0px;
    color: transparent;
}

.cta-button {
  margin:10px 0 10px 0;
}

.tab-content {
 	padding-top:15px; 
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
	background: #003976;
	color: #FFF;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 2px solid #dddddd;
	border-bottom-color: transparent;
}

.nav-tabs {
border-bottom: 2px solid #dddddd;
}

.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;
}

.center-element {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.clear-fix {
 	clear:both; 
}

.search-glyph-fix {
top: -27px;
left: -8px;
background: transparent;
border: 0;
width: 23px !important;
  color: #777;
}

.awards img {
 	display:block;
  	margin-right:auto;
  	margin-left:auto;
}

.menu-button-new {
	color:#FFF;
  	float:left;
  	margin-top: -3px;
}

.navbar-toggle {
 	width:100px; 
}

.icon-bar {
 	float:right; 
}

.navbar-inverse .navbar-nav > li > a {
	color:#cccccc;  
}

.hp-radio {
 	margin-top:-8px; 
}

.hp-radio .radio{
 	margin-top: 5px; 
  	margin-bottom: 5px;
}

.course-search-button2 {
 margin-top:10px !important;
}
.no-padding-left {
 padding-left:0; 
}

.study-level {
  height:34px !important;
}

.news-story img {
   -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

body.student .nav-pills > li.active > a, body.student .nav-pills > li.active > a:hover, body.student .nav-pills > li.active > a:focus, body.student div.feedback, body.student div.feedbackArea {
  background-color: #EC008C;  
}

body.student .navbar {
  border-bottom: 5px solid #EC008C;
}

body.student .footer-upper {
  border-top: 5px solid #EC008C;
}

body.staff .nav-pills > li.active > a, body.staff .nav-pills > li.active > a:hover, body.staff .nav-pills > li.active > a:focus, body.staff div.feedback, body.staff div.feedbackArea {
  background-color: #00ADEF;  
}


body.staff .navbar {
  border-bottom: 5px solid #00ADEF;
}

body.staff .footer-upper {
  border-top: 5px solid #00ADEF;
}

.course-search-button {
 background: #f89828;
  border-color: #c26800;
}

.course-search-button:hover {
 background: #c26800;
  border-color: #a85c03;
}
.course-search-button2 {
 color: #f89828;
}

.course-search-button2:hover {
 color: #FDBB30;
}

.search-coursefinder-desktop{
 	width: 88%;
	position: absolute;
	top: 100px; 
}

.hp-news-stories {
 	margin-top: 50px;
	margin-bottom: 10px; 
}

.hp-news-stories span{
 	padding-left: 10px;
	padding-right: 10px;
  	color:#f89828;
  	font-size:0.8em;
  	font-weight:bold;
}

.hp-news-stories h4 a{
 	color:#ffffff;
}

.hp-news-stories h4{
 	margin-top:5px;
  	margin-bottom:5px;
  	font-size:1em;
}

.hp-news-block {
	width: 270px;
	height: 250px;
  	background-color: #535458;
}
/*
.hp-news-block h2 {
	position: relative !important; 
	float: none !important;
}*/

.hp-news-block h4 {
	padding-left: 10px;
	padding-right: 10px;
}

.hp-mob-news-block {
    	background-color: #535458;
}
/*
.hp-mob-news-block h2 {
	position: relative !important; 
	float: none !important;
}
*/

.hp-mob-news-block h4 {
	padding-left: 10px;
	padding-right: 10px;
}

.hp-banner {
 margin-bottom:15px;
  border:#f1f1f1 1px solid;
  border-bottom: #999 5px solid;
  width: 100%;
}

.hp-banner2 {
 margin-bottom:15px;
  border:#f1f1f1 1px solid;
  width: 100%;
}

.hp-banner:hover {
  border-bottom: #f89828 5px solid;
}


/* Clearing Banner Test Start AS */

.clearingHp-banner
{
  margin-top: 15px;
  border:#f1f1f1 1px solid;
  border-bottom: #999 5px solid;
  width: 100%;
  display: block;  
  height: 60px; 
  background: url("/media/universityofhuddersfield/styleassets/images/2014hpimages/ClearingBanner3.jpg") no-repeat 0 0;
  background-size: cover;

}

.clearingHp-banner:hover
{ 
  border-bottom: #f89828 5px solid;
  background-position: 0 -60px;
}

.clearingHp-banner span
{
  position: absolute;
  top: -999em;
}





@media(min-width:768px){
	.clearingHp-banner {
    	margin-bottom: 15px; 
		height: 37px;    
	}
  	.clearingHp-banner:hover {
		background-position: 0 -37px; 
	}
}




@media(min-width:992px){
	.clearingHp-banner {
    	margin-bottom: 15px;
		height: 49px; 
	}
  	.clearingHp-banner:hover {
		background-position: 0 -49px; 
	}
}



@media(min-width:1200px){
	.clearingHp-banner {
    	margin-bottom: 0px;
		height: 60px; 
	}
  	.clearingHp-banner:hover {
		background-position: 0 -60px; 
	}
}





/* Clearing Banner Test End AS */


q:before, cite:before, quote:before, citation:before {
  content: '"' ;
}

q:after, cite:after, quote:after, citation:after {
  content: '"' ; 
}

.navbar-inverse .navbar-nav > li > a {
  font-weight: normal;
}

p a {
 font-weight: 700; 
}
  
.quote-background {
  background: #f5f5f5;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.border-radius {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; 
}

q, cite, quote, citation {
  font-style: italic;
  font-size: 0.8em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

body {
  color:#666;
  /*Font Smoothing, only on some devices makes the graphics card render the text*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

hero{
  font-size: 1.5em;
  font-weight: 600;
}

.container {
  background: rgb(255, 255, 255);
}

/* -- Fonts -- */

/* Text in navigation tabs */

/* -- Headings -- */
h1 {
margin-bottom: 10px;
margin-top: 0px;
color: #ec008c;
}

.content-heading {
  margin-top: 0px;
  font-size: 2em;
  color: #003976;
  border-bottom: solid #003976 5px;
}

.navbar-mobile {
  margin-bottom: 0;
}

.quarter-block img {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; 
}
.quarter-block h2{
  position: absolute;
  font-size: 1.5em;
  z-index: 2;
  margin-top: 15px;
  padding: 4px 10px 4px 10px ;
  color:#FFF;
  background:#222222;
  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.qb-mobile{
   font-size: 1.5em;
  z-index: 2;
  margin-top: 15px;
  padding: 4px 10px 4px 10px ;
  color:#FFF;
  background:#222222;
  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
  margin-bottom:0;
  float:left;
}
.modern-background {
  background:#222222;
  -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
  padding:10px;
} 

.quarter-block p:nth-child(1) {
  position: absolute;
  font-size: 1em;
  z-index: 2;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 30px;
  color:#999;
}

.quarter-block p:nth-child(2) {
  position: absolute;
  font-size: 1em;
  z-index: 3;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 60px;
  color:#999;
}

.sixth-block h2{
  position: absolute;
  font-size: 1.1em;
  margin-top: 5px;
  padding-left: 10px;
}

.social-media-block {
  background-color: #8CC63F;
  border-bottom: solid 5px #8CC63F;
}

.facebook-social-media-block {
  background-color: #3B5998;
  border-bottom: solid 5px #3B5998;
}

.twitter-social-media-block {
  background-color: #55ABEE;
  border-bottom: solid 5px #55ABEE;
}

.instagram-social-media-block {
  background-color: #A5775C;
  border-bottom: solid 5px #A5775C;
}

.pinterest-social-media-block {
  background-color: #C41D25;
  border-bottom: solid 5px #C41D25;
}

.mailing-list-social-media-block {
  background-color: #003967;
  border-bottom: solid 5px #003976;
}

.phone-social-media-block {
  background-color: #51df69;
  border-bottom: solid 5px #51df69;
}

.google-social-media-block {
  background-color: #F7C234;
  border-bottom: solid 5px #F7C234;
}

.youtube-social-media-block {
  background-color: #CC181E;
  border-bottom: solid 5px #CC181E;
}

/* END - Fonts 
  ============ */

.row .banner {
	margin-left: 0px;
	margin-right: 0px;
}

.main-banner {
	background-color: #000;
	height: 185px;
}

.left-hud-logo {
	background: #003976 100% 100%;
	background-position: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;

}

/* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    /*.carousel {
      min-width: 100%;
      margin-bottom: 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }
*/
    .carousel, .carousel-inner, .item, .carousel-inner .item img, .carousel-control {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

/*
    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 100%;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 185px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 185px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 550px;
      padding: 0 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }*/

    /* END - CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    .bg-style-home {
      /*background: url('/media/universityofhuddersfield/styleassets/images/backgroundimages/AutumnCanalBridge.jpg');*/
      background: #666666;
      min-height: 100%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      margin: auto;
      width: 100%;
      background-size: cover;
      float: left;
    }

    .quarter-block {
      float: left;
      z-index: 1;
      margin-bottom: 15px;
      margin-top:15px;
      border-bottom: 5px #999 solid;
      width: 100%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

      .quarter-block:hover {
      /*-webkit-box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 1);*/
      /* box-shadow: inset 0px 0px 15px 15px rgba(255, 255, 255, 1); */
      border-bottom:solid #F89828 5px;
    }

    .quarter-block h2{
      float: left;    
    }

    .sixth-block {
      margin-bottom: 15px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

    .sixth-block h2 {
      width: 94%;
    }
    .sixth-block:hover {
      /*-webkit-box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 1);*/
      /* box-shadow: inset 0px 0px 15px 15px rgba(255, 255, 255, 1); */
      border-bottom:solid #F89828 5px;
    }

     .sixth-block-even {
      background-color: #999999;
      border-bottom:solid #999 5px;
    }

    .sixth-block-even  h2{
      color:#333;
    }

    .sixth-block-odd  h2{
      color:#FFF;
    }

    .sixth-block-odd {
      color: #fff;
      background-color: #222222;
      border-bottom:solid #222 5px;
    }

    .margin-spacer {
      position: relative;
      padding-bottom: 30px;
      float: left;
    }

    .awards {
      background-color: #003976;
      padding-top: 10px;
      padding-bottom: 10px;
      width: 100%;
      float:left;
    }

    .footer {
      background:#222222;
      float: left;
      width: 100%;
      border-top: 5px solid #003976;
    }

    .footer-upper{
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }

    .footer-lower {
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
    }

    .footer-yorkshire {
      width: 100%;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 15px;
      font-weight:normal;
    }

    .footer-yorkshire a {
      font-weight:normal;
    }
    .navbar {
      margin-bottom: 15px;
      float: left;
    }

    .main-navbar {
      width: 100%;
    }

    .side-navbar {
        height:15px;  
      }

    .footer h2 {
      color:#FFF;
      font-size: 1.1em;
      padding-left: 40px;
    }

    .footer  a {
      color:#999999;
    }

    .footer ul {
      list-style: none;
      padding-bottom: 15px;
    }

    .search {
      float: left;
      margin-top: 15px;
      margin-bottom: 15px;
      width:100%;
    }

	.topbar-search {
		float: left;
        margin-bottom: -15px;
	}
	
    .topbar-search span {
      float: left;
      top:-25px;
      left:-10px;
    }
	
	/*
    .form-group {
      float: left;
      margin-bottom: -15px;
    }

    .form-group span {
      float: left;
      top:-25px;
      left:-10px;
    }
*/
    .search2 {
      margin-top:10px;
      width: 100%;
    }

    .search2 input{
      width: 100%;
    }

    .navbar-mobile{
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

    .mobile-logo{
      height: 35px;
      width: auto;
      padding-left: 3px;
    }

    .mobile-coursefinder {
      width: 100%;
      float: left;
      border-bottom: 5px solid #003976;
      padding: 0 10px 0 0;
      margin-bottom: 15px;
      background: url(/media/universityofhuddersfield/styleassets/images/2014hpimages/test-image.png);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }
/*
    .mobile-coursefinder h2{
      font-size: 1.5em;
      color: #003976;
      margin-bottom: 0;
    }
*/

    .cf-select-yr-fix {
      margin-bottom: 15px;
      float:left;
      width: 33.33333333333334%;
    }

    .search-coursefinder-mobile {
      float: left;
      width: 100%;
      margin: 15px 0 15px 0;
  padding:0 0 0 10px;
    }

    .course-search {
      margin-bottom: 15px;
    }

    .adv-search {
      float: left;
      width: 100%;
      clear: both;
      margin-bottom: 15px;
    }

    .cf-form-group {
      width: 100%;
    }
    
    .navbar{
      border-bottom: 5px solid #003976;
    }
/*   .navbar < .navbar a:hover {
      border: none !important;
    }*/

    .navbar-brand {
      padding: 5px;
    }

    span.last-updated {
      font-style: italic;
      padding-bottom: 5px;
      font-size: 10pt;
    }

    div.main-content-area {
      padding:0 5px 0 5px;
    }

	div.social-media-font-awesome{
      height:34px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      margin-top: 13px;
    }
    div.social-media{
      width:206px;
      height:34px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      margin-top: 15px;
      margin-bottom: 15px;
    }
    div.social-media img{
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      float:left;
    }

    div.user-menu{
      width:100%;
      height:34px;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    .logo-internal {
      padding-top: 10px;
      max-width:100%;
      height: auto;
    }

    .user-menu .nav-tabs.nav-justified > li.active > a {
      border: 1px solid #dddddd;
      border-top: #ffffff;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
    }

   .user-menu .nav-tabs.nav-justified > li.active > a:hover {
      border: 1px solid #dddddd;
      border-top: #ffffff;
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
      -webkit-border-top-right-radius: 0px;
      -webkit-border-top-left-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-topleft: 0px;
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
    }

    .user-menu .nav-tabs.nav-justified > li > a {
      border-bottom: 0px;
      border-top: 1px #dddddd;
    }

    .user-menu .nav > li > a {
      width:100%;
      height:100%;
      padding: 7.5px;
    }

    .fullspan-form-group {
      width:100%;
    }




/*===================================================================================

   LEGACY STYLES from hudresp2.css        

===================================================================================*/

img.padded {
	border: 1px solid #625454;
	padding: 5px;
}

.testimonial {
	border: 1px solid #625454;
	padding: 5px;
	margin-top: 5px;
}

.testimonial div.gsrollover, .fulltestimonial p img {
	float: left;
	margin: 5px;
}

div.newsitem, section.eventnoncal {
	clear: both;
	margin-bottom: 5px;
}

div.newsitem h2 {
	font-size: 1.46em;
}

div.newsitem h2 a {
	color: #625454;
}


h2.pulldown {
	border: 1px solid #003976;
	margin-bottom: 0px;
	margin-top: 0.25em;
	padding: 5px;
  	padding-right: 35px;
	background: #003976 url('/media/universityofhuddersfield/styleassets/images/white-uparrow-transp.gif') no-repeat 99%;
	cursor: pointer;
	color: #fff;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

h2.pullexpand {
	background: #003976 url('/media/universityofhuddersfield/styleassets/images/white-downarrow-transp.gif') no-repeat 99%;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

h2.pullhover {
	background-color: #00ADEF;
	color: #fff;
}

div.pulldown {
	border: 1px solid #003976;
	padding: 5px;
	background-color: #FFFFFF;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}



/*   concert page styles     */

#concertWrapper {
	background: url('/media/universityofhuddersfield/styleassets/images/concerts/Concert-Background.jpg') center center no-repeat;
}

#concertExtraCol {
	float:right;
	width: 275px;
}

#concertMainCol {
	float: left;
	width: 450px;
	padding: 0px 0px 0px 0px;
}

.concertTitle {
	background: url('/media/universityofhuddersfield/styleassets/images/concerts/web-banner-no-text.jpg') top left no-repeat;
	margin-top: -20px;
}

.concertTitle h2 {
	color: #cc0878;
	padding: 200px 20px 5px;
	font-size: 2.8em;
	margin-bottom: 0px;
}

.concertTitle p {
	padding: 0px 20px;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: 1.8em;
	color: #1323ac;
}




/*Open Days*/

.openDaysTable td{
  	text-align: center;
  	border-bottom-width: 1px;
  	border-bottom-style: solid;
  	vertical-align: middle !important;
}

.openDaysTable{
  	border-left-width: 3px;
  	border-left-style: solid;
  	border-left-color: #00ADEF;
  
}

.openDaysTable tr{
  	background: #cdcdcd;
}

.openDaysTable tr:nth-child(1){
  	background: #8fd5f0;
}



.openDayWhatHappensTable{
 	border-left-width: 3px;
  	border-left-style: solid;
  	border-left-color: #00ADEF;
}

.openDayWhatHappensTable td{
 	vertical-align: middle !important;
}

.openDayWhatHappensTable tr:nth-child(odd){
  	background: #8fd5f0;
}

.openDaysTableAlt td{
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    vertical-align: middle !important;
}

.openDaysTableAlt{
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #00ADEF;
  
}

.openDaysTableAlt tr{
    background: #fff;
}

.openDaysTableAlt tr:nth-child(1){
    background: #8fd5f0;
}

.openDaysTableAlt tr:nth-child(2){
    background: #8fd5f0;
}

.openDaysTableAlt tr:nth-child(4){
    background: #8fd5f0;
}

.openDaysTableAlt tr:nth-child(6){
    background: #8fd5f0;
}

.openDaysTableAlt tr:nth-child(7){
    background: #8fd5f0;
}

.openDaysTableAlt tr:nth-child(9){
    background: #8fd5f0;
}


.contactUsTable th {
 	background: #8fd5f0;
}

.contactUsTable tr:nth-child(odd) {
 	background: #8fd5f0;
}

.contactUsTable {
 	border-left-width: 3px;
  	border-left-style: solid;
  	border-left-color: #00ADEF;
}

.parentsJargonTable{
 	border-left-width: 3px;
  	border-left-style: solid;
  	border-left-color: #003976;
}

.parentsJargonTable td{
 	vertical-align: middle !important;
}

.parentJargonTable tr:nth-child(odd){
  	background: #4a8acf;
}

.pgDayWhatHappensTable{
 	border-left-width: 3px;
  	border-left-style: solid;
  	border-left-color: #00ADEF;
}

.pgDayWhatHappensTable td{
 	vertical-align: middle !important;
}


.pgDayWhatHappensTable th{
    	width: 260px;
}


/* Styles for the staff and student right hand column blocks */

.staffrhcblock {
  	width: 158px !important;
  	height: 158px !important;
}

.studentrhcblock {
  	width: 158px !important;
  	height: 158px !important;
}
    

/* gsrollover styles - to be removed when all gsrollovers are gone */

	
.gsrollover {
	overflow: hidden;
	position: relative;
	background-size: auto auto !important;
}

.gsrollover span {
	display: block;
	overflow: hidden;
}

.gsrollover a {
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.gsrollover a:visited {
	color: #FFFFFF;
}


.gsrollover .rocaption, .gsrollover .rocaptionfixed {
	background-color: #313131;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	opacity: 0.9;
	width: 100%;
	text-align: center;
}

.smlmktgblobk img, .medmktgblock img, .lgmktgblock img {
	width: auto !important;
	height: auto !important;
}

.lgmktgblock {
	width: 324px !important;
	height: 324px !important;
}

.medmktgblock {
	width: 216px !important;
	height: 216px !important;	
}

.smlmktgblock {
	width: 108px;
	height: 108px;
	font-size: 0.7em;
}

.lgmktglettrbx {
	width: 324px;
	height: 216px;
}

.medmktglettrbx {
	width: 216px;
	height: 108px;
}

.smlmktgskyscrp {
	width: 108px;
	height: 216px;
}

.leftblock {
	float: left;
}

.rightblock {
	float: right;
}

.unfloater {
	clear: both;
}

.blocktopspace {
	margin-top: 108px;
}




/*===============================================================

Feedback Form

================================================================*/
/* div.feedback {
	background: #003976;
	padding:10px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
        margin-top:20px;
        float:left;
}

div.thankVis {
	visibility: visible;
}

div.thankHidden{
	visibility: hidden;
	height: 0;
}
div#formDiv, div#formDiv form, div#formDiv form ol{
	width:100%;
	float: left;
}

div.formDivVis {
	visibility: visible;
}

div.formDivHidden {
	visibility: hidden;
	height: 0;
}

div.feedbackContainer { */
/*	border-bottom: #003976 5px solid; */
  /*	float:left;
  	width:100%;
  	padding-right: 20px;
}

div.leftFormColumn {
	width:50%;
	float:left;
}

div.rightFormColumn {
	width:50%;
	float:right;
}

div.feedbackBox {
	width:100%;
	float:left;
  	margin-top:10px;
}

div.feedbackBox.internalFeedbackBox {
	width:66%;
  	margin-top:50px;
}

div.leftFormColumn2 {
	width:33.3%;
	float:left;
}

div.commentRelation {
	margin-top: 10px;
}

div.error-message {
	margin-bottom: 10px;
}

div.feedbackArea form label{
	color: white;
	padding-bottom: 10px;
	width: 100%;
	font-size: 10px;
	float: left;
}

div.feedbackArea span {
  	color:#FFFFFF;
}

div.feedbackArea form select {
	width:200px;
	margin-left: -10px;
}

div.feedbackArea form input.feedbackName {
	width: 200px;
}

div.feedbackArea form input.feedbackEmail{
	width: 200px;
}

div.feedbackArea form textarea{
	width: 99%;
	height: 80px;
}
#feedbackBoxTitle {
	font-size: 10px;
}

div.feedbackArea form .leftFormColumn2 {
	padding:20px 0 20px 0;
}

div.feedbackArea form .submitButton{
	padding: 10px;	
	width:100px;
}

div.hiddenForm, div.hiddenForm .errorbox-good {
	visibility: hidden;
	top:0px;
	width: 0;
	height: 0;
}

div.ss-secondary-text {
	color:white;
	padding:10px;
}


div.feedbackArea {
	background: #003976;
	width:98.4%;
	margin-bottom: -10px;
	padding: 10px;
  	overflow:hidden;
  	float:left;
}

div.feedbackArea .formDivVis label {
	color:white;
}

div.feedbackArea .feedbackEmail a {
	float: right;
	text-decoration: none;
	color: white;
	margin-right: 10px;
}

.feedback img{
	margin-top: 3px !important;
	margin-left: 20px !important;
}

div.feedback {
	text-decoration: none;
	color: white;
}

.lastUpdated span {
	text-decoration: italic;
	float: right;
	margin-top:30px;
}

.feedbackArea span {
	font-size: 10px;
}

input.submitButton{
	float: left;
}*/

/* Table Styles */

td a img.top-arrow {
	margin-top: 10px;
}

.letter-row td{
	background: #003976 !important;
}

.letter-row h4 {
	color:white;
}

/*===============================================================

Course finder styles

================================================================*/

.cf-aditional-link {
	text-align: center;	
	text-decoration: none;
	color: #003976;
	background-color: #e5e5e5;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.cf-aditional-link a {
	color: #003976;
}