/* This file will hold the main styles for your website. */

/* @import url(https://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic); */

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
	font-family: 'RopaSoftPro-Regular', sans-serif;
}

/* HEADER SECTION */

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {margin:0;padding:0}


body {
   font-family: 'RopaSoftPro-Regular', sans-serif;
  font-size: 14px;
  line-height: 1.5em; /* 18px */
  color: #8d8d8d;
  /* Fix for webkit rendering */
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background-repeat: repeat;
  background-position: left top;
  background:#f3f3f4;



}


#section-header{
	height: auto;
    min-height: 410px;

	}

.not-front #section-header{
 height:auto;
 min-height:324px; /*****	ADD min 300px from 250px *******/
	}

#zone-user-wrapper {
    background: none repeat scroll 0 0 #1b2c5d;
    margin-bottom: 26px;
	position:relative;
	z-index:99;
	 min-width: 1024px;
  	width: 100%;
}

#zone-user .region-user-first{

   width:50%
}
#zone-user .region-user-second{

   width:46%

}

#zone-user .tb-megamenu .nav > li > a {
       font-size: 1.15em;
	   text-transform:none;
}
#zone-user .tb-megamenu .nav > li > a:focus,
#zone-user .tb-megamenu .nav > li > a:hover,
#zone-user .tb-megamenu .nav > .active > a {
  color: #fcaf17;
}

.tb-megamenu-menu-top-menu .tb-megamenu-nav .tb-megamenu-item  {
float:right;
}

#zone-branding-wrapper .region-slideshow {
  /*z-index: -999;*/
  min-height: 50%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin-left:0;
 }

#zone-branding-wrapper .region-header-background{
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50px; /***** ADD top 70px from 0px *******/
  left: 0;
  margin-left:0;
 }


#zone-menu-wrapper{
	z-index:5;
	width: 100%;
	min-height:200px;
	position:absolute;
	background: none repeat scroll 0 0 rgba(34, 46, 82, 0.7);
	padding-bottom: 25px;
	top:0px;
}
.not-front #zone-menu-wrapper{
	width: 100%;
	min-height:150px;
	position:absolute;
	background: none repeat scroll 0 0 rgba(34, 46, 82, 0.7);
    padding-bottom: 25px;
	top:0px;
}
/* START Settings for all pages except front*/

.region-branding .branding-data {
  float: left; /* LTR */
}


.region-branding .menu {
 /* float: right;  LTR */
  vertical-align:right;
}
/* END Settings for all pages except front*/



/* START Settings for all ONLY front*/
.region-branding {
  top:100px;
  float: left;
   /* LTR */
}
.region-menu {
  top:100px;

 /* float: right;  LTR */
}

.not-front .region-branding {
  top:80px;
  float: left; /* LTR */
}
.not-front .region-menu {
  top:80px;
  /*float: right;  LTR */
}
/* END Settings for ONLY front*/



.zone-menu ul li {
    float: left;
  	padding: 0 8px;

}

#zone-menu .tb-megamenu .nav > li > a {/****---- ADDED ----*****/
  height: 20px;
  padding-top: 0;
}

#region-menu .tb-megamenu ul {/****---- ADDED ----*****/
	margin-top: 20px;
}

#region-menu .tb-megamenu ul li.tb-megamenu-item.level-1 + li {/****---- ADDED ----*****/
	 border-left: 1px solid #ccc;
}

.zone-menu .tb-megamenu .tb-megamenu-submenu ul li a { /****---- ADDED ----*****/
	clear: both;
	color: #fff;
	text-transform:capitalize;
	font-size: 1.00em;
	padding: 10px;
}

.zone-menu .tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
    background-color:transparent;
    color: #fcaf17;
}

#zone-menu a:hover {
	color: #fcaf17;
	font-weight:normal;
}

#zone-menu a.active, #zone-menu a.active-trail {
	color: #fcaf17;
	font-weight:normal;

}

.zone-menu .tb-megamenu .nav > .active > a{
  background-color: inherit;
  color: #fcaf17;
  text-outline: 20px;

}


/* ------------------------------------------------------
  Zone/Regions Header
------------------------------------------------------ */
#zone-header-wrapper {
  position: relative;
  top:180px;
}
#zone-progheader-wrapper {
  margin-top: 20px;
}

#zone-header {
  margin-bottom: 5px;
  margin-top: 40px;/***** ADD margin top 40px*******/
  border-bottom: 1px solid #e2e2e2;
}
#zone-header h2.block-title {
  margin-top: 15px;
  border-color: rgba(255, 255, 255, 0.2);
}

/* region-header-first */
#region-header-first {
  float: left; /* LTR */
}
#region-header-first .block {
  float: left; /* LTR */
}

/* region-header-second */
#region-header-second {
  float: right; /* LTR */
}
#region-header-second .block {
  float: right; /* LTR */
}

/* block-search */
.block-search {
  padding: 10px;
}


/* ------------------------------------------------------
  Page Title
------------------------------------------------------ */

h1#page-title.title{
  float: left;

  padding: 0 13px 0 13px;
  font-size: 1.692em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 45px;
  margin: 0;
  color: #1b2c5d;
}


/* ------------------------------------------------------
  Breadcrumbs
------------------------------------------------------ */
.breadcrumb {
  float: right;
  background: rgb(0,0,0);
  background: rgba(0,0,0,.06);
  padding: 13px;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: inline;
}

#breadcrumb li a{

  color: #6d6e71;
}
#breadcrumb li a.active {
color: #1b2c5d
}

#breadcrumb li a:hover{

  color: #1b2c5d;
}

.breadcrumb a ,#breadcrumbs li{
  text-transform: uppercase;
  font-size: 0.7em;
  margin: 0 3px;
  color: #fff;
}

.breadcrumb a:hover{
  color: #1b2c5d;
}

.breadcrumb li:last-child {
  margin-left: 3px;

}




/* CONTENT SECTION */

#zone-content {
  padding-top: 85px; /*padding-top: 85px;*/
  position:relative /*for internet explorer*/
}
#region-content {
  padding-top: 15px;

  overflow: auto;
}
#region-content .block a.read-more {
	color: #FFF;
}

#region-dep-top{
	padding-top: 75px; /* 75px; */

}




.zone-fullpage{
	padding-top: 10px;
	padding-bottom:75px;
}
.zone-preface-wrapper{
	padding-top: 10px;
	padding-bottom:15px;
}
.zone-frontmid{
	padding-top: 10px;
	padding-bottom:15px;
	margin-top: 30px;
}

#region-sidebar-first .block {
	border: 1px solid #e4e4e8;
	background: #f3f3f4;
}

#region-sidebar-second .block .content {
	background: #e7e7e8;
}

/* ----  This padding applys to all the BLOCKS ----
#region-sidebar-second .block .content,
#zone-preface .block .content,
#zone-midface .block .content,
#zone-bottomface .block .content {
    padding: 0px 15px 10px 15px;
}*/



#zone-midface .block .content p
{
    margin: 0 0 0 0;


}/**/

/* Add Blocks seperately for padding
#region-sidebar-second .block .content,*/
#region-sidebar-second .block .menu,
#region-sidebar-second .block ul,
#region-sidebar-second .block pre,
#region-sidebar-second .block p {
	padding: 0px 15px 10px 15px;
}
#region-sidebar-second .block ul li { /* Added margin to sidebar Blocks*/
    margin: 0 0 0 0.5em;
}
li.expanded, li.collapsed, li.leaf, li.views-row {/* Added padding to ALL Blocks*/
    padding: 0.2em 0.5em 0 0;
}

#region-sidebar-second ul li.leaf,
#region-sidebar-second .block ul li.views-row,
#region-sidebar-second .block .views-row ul li {
    list-style-image: url("../images/menu-leaf-inactive.png");
    list-style-type: square;
}
/* --- This is not neede cause it doest have an effect on the hover ---
#region-sidebar-second ul li.leaf a:hover {
    list-style-image: url("../images/menu-leaf-hover.png");
    list-style-type: square;
}*/

#region-content h2.block-title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #dfdfdf;
    color: #1b2c5d;
    font-size: 1.308em;
    font-weight: normal;
    margin: 0px 0px 20px;
    padding: 6px 20px;
    text-transform: uppercase;
}

#zone-content #region-content img {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e2e2e2;
    margin: 0 12px 0 0;
    padding: 4px;
}




/* ------------------------------------------------------
  PAGE LIST BLOCK TEMPLATE
------------------------------------------------------ */
/* Styling About Us view here: struggled to theme the view....tpl.php */

.view-page-list-block .views-row *:after {
    border-bottom: 3px solid #1b2c5d;
    bottom: -2px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 40px;
}

.view-page-list-block .views-row{
	border-bottom: 1px solid #e2e2e2;
    display: block;
    float: left;
    margin-bottom: 25px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
 }

 .view-page-list-block .views-field-title{
	 color: #1b2c5d;
    font-size: 1.333em;
    font-weight: bold;
    line-height: 1.375em;
	padding-bottom:10px;
 }

.view-page-list-block .views-row img{
	 float: left;
	 width: 22%;
	 height:inherit;
	 background: none repeat scroll 0 0 #ffffff;
	 border: 1px solid #E2E2E2;
	 margin: 0 15px 0 0;
	 padding: 4px;
}

.view-page-list-block .views-row .views-field-title a{
	color:#1b2c5d;
	font-weight:bold;
	clear: both;
	margin-bottom:15px;
}

.view-page-list-block .views-row .views-field-body{
	 float: left;
	 width: 43%;
	 overflow:hidden;
	 margin-top:6px;
	 margin-bottom:6px;
}

.view-page-list-block .views-row .views-field-field-list-page-links{
	 float: right;
	 width: 30%;
}

.view-page-list-block .views-row .views-field-field-list-page-links a{
	 color:#6d6e71;
}

.view-page-list-block .views-row .views-field-field-list-page-links a:hover{
	color:#1b2c5d;
	 text-decoration:underline!important;
}
#region-content article .field-items li,
#zone-preface li,
#zone-midface li,
#zone-frontmid li,
#zone-bottomface li,
.view-page-list-block .views-row li,
.view-vacancies .views-row li,
#zone-content #region-sidebar-second .view-faculty-programmes li {
    background: url("../images/nust-arrow.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    list-style: none outside none;
    /*margin-bottom: 10px;
    padding-left: 15px;*/
	  padding: 0px 15px 10px 15px;
	  margin: 0 0 0 0.5em;
}

/* ------------------------------------------------------
  Page List & Faculties Landing Page
------------------------------------------------------ */

 .rightside-info {
    border: 1px solid #dfdfdf;
    margin-bottom: 15px;
    padding: 20px;
}

.rightside-title {
  	font-size: 1.308em;
  	text-transform: uppercase;
  	color: #fff;
  	font-weight: normal;
  	padding: 15px 20px;
  	margin: -21px -21px 20px -21px;
  	background: #74777b;
}
.rightside-descrip {
    color: #8d8d8d;
    margin-bottom: -15px;
}


/* ------------------------------------------------------
  HIGHLIGHTS
------------------------------------------------------ */
/* Styling highlight view here: struggled to theme the view....tpl.php */

#zone-frontmid .view-content {
  /*display: table;*/

  	border-spacing: 20px;
  	width: 100%;
}


.view-highlights .views-row:hover {
  	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transform: scale(1.1, 1.1);
    transition: all 0.7s ease-in-out 0s;
}

.view-highlights .views-row {
	background:#ffffff;
    margin: 5px;
    padding: 10px;
    text-align: center;
    display: table-cell;
}

.view-highlights .views-row img {
	margin: 0 15px 0 0;
	padding: 4px;
}

.view-highlights .views-row .views-field-title {

	color:#747474;
	text-transform:uppercase;
	font-weight:bold;
	clear: both;
	margin-bottom:15px;
	font-size: 12px;
}

#zone-frontmid .block-views{background:#e7e7e8; } /*bgcolor for highlight blocks created by views*/
#zone-frontmid .block, .right-prog-descrip {background:#e7e7e8; }



#zone-frontmid a {color:#6d6e71; }
#zone-frontmid a:hover {color:#1b2c5d; }


.view-highlights-links .views-field-body
{ margin:0px 18px;}

.view-highlights-links .views-row img
{ width:100%;}


.view-highlights .field-content{
float:left;
 margin: 0 15px 0px 0;
    padding: 4px;
	width:50%;
	}

.view-highlights .views-row img{
    float: right;
    margin: 0 15px 0 0;
    padding: 4px;
	}



/* ------------------------------------------------------
  FACULTIES | PARTNERS
------------------------------------------------------ */
/* Styling highlight view here: struggled to theme the view....tpl.php */



.view-international-partners .jcarousel-item,
.view-faculties-front .jcarousel-item,
.view-faculties-list-below .jcarousel-item {
  	margin: 0 12px 0 0;
}

.view-international-partners .jcarousel-item a,
.view-faculties-front .jcarousel-item a,
.view-faculties-list-below .jcarousel-item a {
    color: #747474;
    text-transform: uppercase;
    font-weight:bold;
    font-size: 11px;
}



.view-international-partners .jcarousel-item img,
.view-faculties-front .jcarousel-item img,
.view-faculties-list-below .jcarousel-item img {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    display: block;
    margin: 0 12px 0 0;
    padding: 4px;
}

.view-international-partners .jcarousel-item img:hover,
.view-faculties-front .jcarousel-item img:hover,
.view-faculties-list-below .jcarousel-item img:hover {
  	opacity: 0.3;
  	filter: alpha(opacity=30);
}

/* ------------------------------------------------------
  FACULTIES - jcarousel navigation arrows/buttons
------------------------------------------------------ */

.view-international-partners .jcarousel-prev, .view-international-partners .jcarousel-next,
.view-faculties-front .jcarousel-prev, .view-faculties-front .jcarousel-next,
.view-faculties-list-below .jcarousel-prev, .view-faculties-list-below .jcarousel-next {
    background: url("../images/bxslider-arrow.png") no-repeat scroll 0 0 #747474;
    display: block;
    height: 25px;
    width: 25px;
}
.view-international-partners .jcarousel-prev,
.view-faculties-front .jcarousel-prev,
.view-faculties-list-below .jcarousel-prev {
    left: auto;
    right: 35px;
    top: -40px;
}
.view-international-partners .jcarousel-prev:hover,
.view-faculties-front .jcarousel-prev:hover,
.view-faculties-list-below .jcarousel-prev:hover {
    background-position: 0px 0;
    background-color: #1b2c5d;
}
.view-international-partners .jcarousel-next,
.view-faculties-front .jcarousel-next,
.view-faculties-list-below .jcarousel-next {
    background-position: -25px 0;
    right: 5px;
    top: -40px;
}
.view-international-partners .jcarousel-next:hover,
.view-faculties-front .jcarousel-next:hover,
.view-faculties-list-below .jcarousel-next:hover {
    background-position: -25px 0px;
    background-color: #1b2c5d;
}


/* ------------------------------------------------------
  STAFF MEMBERS
------------------------------------------------------ */
/* Styling PIR staff view here: struggled to theme the view....tpl.php */

.view-pir-staff table.views-view-grid img {
	float:left;
    margin: 0 15px 0 0;
}

.view-pir-staff table.views-view-grid .views-field-title {
    color:#1b2c5d;
}

.view-pir-staff table.views-view-grid .views-field-title,
.view-pir-staff table.views-view-grid .views-field-field-position,
.view-pir-staff table.views-view-grid .views-field-field-telephone,
.view-pir-staff table.views-view-grid .views-field-field-email-address,
.view-pir-staff table.views-view-grid .programme {
	margin: 0 15px 0 0;
	display:block

}

.view-pir-staff table.views-view-grid .programme:hover {
    color:#23408f;
}

.view-pir-staff table.views-view-grid .programme {
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
    margin-top: 15px;
    padding: 7px 0 3px;
}

/* ------------------------------------------------------
  SECRETARIES
------------------------------------------------------ */
/* Styling secretaries view here: struggled to theme the view....tpl.php */

.view-secretaries .views-row {
	 float:left;
	 display:block;
	 margin-bottom:25px;
	 width:100%;
	 padding-bottom: 10px;
	 position: relative;
 }
.view-secretaries .views-row {
    margin-bottom: 15px;
    position: relative;
}

.view-secretaries .views-row img{
	float:left;
    margin: 0 15px 0 0;
	border-bottom: 3px solid #1b2c5d;
}

.view-secretaries .views-row  .views-field-title {
    background-color: #4E5257;
    bottom: 45px;
    color: #FFFFFF;
    font-weight: normal;
    left: 0;
    padding: 5px 10px;
    position: absolute;
    z-index: 9;
}

.view-secretaries .views-row .views-field-field-director-position,
.view-secretaries .views-row .views-field-field-src-hc-major-dir {
    background-color: #1b2c5d;
	bottom: 15px;
    color: #FFFFFF;
    font-size: 9px;
    left: 0;
    padding: 4px 10px;
    position: absolute;
    z-index: 9;
}

.info-secr{
text-align:right;
	float:right;
}


/* ------------------------------------------------------
  DIRECTORS
------------------------------------------------------ */
/* Styling secretaries view here: struggled to theme the view....tpl.php */
.view-director-secretary .views-row {
  position: relative;
  margin-bottom: 15px;
}

.view-director-secretary .views-row img {
  border-bottom: 3px solid #1b2c5d;
}

.view-director-secretary .views-row .views-field-title {
  padding: 5px 10px;
  color: #fff;
  background-color: #4e5257;
  position: absolute;
  bottom: 50px;
  left: 0;
  font-weight: normal;
  z-index: 9;
}

.view-director-secretary .views-row .views-field-field-director-position,
.view-director-secretary .views-row .views-field-field-src-hc-major-dir {
  font-size: 9px;
  bottom: 20px;
  padding: 4px 10px;
  color: #fff;
  background-color: #1b2c5d;
  position: absolute;
  left: 0;
  z-index: 9;
}


/* ------------------------------------------------------
  ANNOUNCEMENT | LATEST NEWS | NEWSLETTERS | POLY IN MEDIA
------------------------------------------------------ */
/* Styling announcement view here: struggled to theme the view....tpl.php */

.view-announcement .views-row,
.view-latest-news .views-row,
.view-latest-newsletters .views-row,
.view-poly-in-the-media .views-row{
 float:left;
 display:block;
 margin-bottom:25px;
 width:100%;
 border-bottom: 1px solid #d3d3d3;
 padding-bottom: 10px;
 padding-left:10px;
 position: relative;
 }

.view-announcement .views-row *:after,
.view-latest-news .views-row *:after,
.view-latest-newsletters .views-row *:after,
view-poly-in-the-media .views-row *:after{
    border-bottom: 3px solid #1b2c5d;
    bottom: -2px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 40px;
}

.view-announcement .views-row img,
.view-latest-news .views-row img,
.view-latest-newsletters .views-row img{
	float:left;
 	background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #E2E2E2;
    margin: 0 15px 0 0;
    padding: 2px;
}

.view-announcement .views-row a,
.view-announcement .views-field-title,
.view-latest-news .views-row a,
.view-latest-newsletters .views-row a,
view-poly-in-the-media .views-row a{
font-style:normal;
text-decoration:none!important;
color:#1b2c5d;
}

.view-announcement .view-footer p a,
.view-upcoming-events .view-footer p a,
.view-latest-news .view-footer p a,
.view-latest-newsletters .view-footer p a,
.view-event-photos .view-footer p a,
.view-video-widget .view-footer p a

{
	padding-left:10px;
	font-weight:400;
	color:#1b2c5d;

}


/* ------------------------------------------------------
  IMPORTANT DOCUMENTS
------------------------------------------------------ */
/* Styling announcement view here: struggled to theme the view....tpl.php */

.block-quicktabs-important-documents .arrow ul{
	padding-left: 35px;
}
#region-sidebar-second .block-quicktabs-timetables-2014 .block,
#region-sidebar-second .block-quicktabs-postgraduate-timetables-2014 .block {
	border: 0;
}

/* ------------------------------------------------------
  EVENT
------------------------------------------------------ */
.view-upcoming-events .views-row{
 display:block;
 margin-bottom:5%;
 width:100%;
 border-bottom: 1px solid #d3d3d3;
 padding-bottom: 10%;
 min-height:120px;
 position: relative;
 }

.view-upcoming-events .views-row *:after{
    border-bottom: 3px solid #1b2c5d;
    bottom: -2px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 40px;
}

.view-upcoming-events .views-row .views-field-field-month,
.view-upcoming-events .views-row .views-field-field-days,
.view-upcoming-events .views-row .views-field-field-year-,
.view-upcoming-events .views-row .views-field-field-time {
    border-right: 3px solid #8d8d8d;
    margin: 0 15px 0 0;
    padding: 4px;
	text-align:center;
	color:#1b2c5d;
	width:25%;
}
ul.quicktabs-tabs.quicktabs-style-navlist li.active{
    background: none repeat scroll 0 0 #f9f9f9;
    border-bottom: 1px solid #e2e2e2;
    border-left: 4px solid #23408f;
    border-top: 1px solid #e2e2e2;
    margin-left: 5px;
}
ul.quicktabs-tabs.quicktabs-style-navlist li a:hover {
    color: #981321;
}
ul.quicktabs-tabs.quicktabs-style-navlist li.active a {
    color: #981321;
    font-weight: bold;
}

.view-upcoming-events .views-row .views-field-field-month,
.view-upcoming-events .views-row .views-field-field-time {
float:left;
}

.view-upcoming-events .views-row .views-field-field-month {
font-size:1.6em;
font-weight:bold;
text-transform: uppercase;
}

.view-upcoming-events .views-row .views-field-field-days {
font-weight:bold;
}

.view-upcoming-events .views-row .views-field-title {
color:#1b2c5d;
font-weight:normal;
width:75%;
margin-left:25%;
margin-top:-10%;
padding-bottom:1%;
padding-left: 15px;
}
.block-views-upcoming-events-block .views-row .views-field-title {

margin-top:-21%;

}

.view-upcoming-events .views-row .views-field-field-venue,
.view-upcoming-events .views-row .views-field-field-email,
.view-upcoming-events .views-row .views-field-field-contact-number,
.view-upcoming-events .views-row .views-field-field-poster-flyer {

width:75%;
margin-left:25%;
padding-left:5%;
/*padding-bottom:0.5%;*/

}


/* ------------------------------------------------------
  VACANCIES
------------------------------------------------------ */
/* Styling vacancies view here: struggled to theme the view....tpl.php */


.view-vacancies .views-row{
	 float:left;
	 display:block;
	 margin:15px 0 25px;
	 width:100%;
	 padding-bottom: 10px;
	 position: relative;
     border-bottom: 1px solid #E2E2E2;
 }

 .view-vacancies .views-row *:after{
    border-bottom: 3px solid #1b2c5d;
    bottom: -2px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 40px;
}

.view-vacancies .views-row .views-field-title,
#region-content .node-vacancy .field-name-field-closing-date {
   color:#da2128;
}

.view-vacancies .views-row .views-field-title,
.view-vacancies .views-row .views-field-field-department-vacancy,
.view-vacancies .views-row .views-field-field-job-title {
	float:left;
	width: 60%;
	}


.view-vacancies .views-row .views-field-view-node a {
   color:#1b2c5d;
}

/*.view-vacancies .views-row .views-field-field-upload-vacancy,
.view-vacancies .views-row .views-field-field-vacancy-url,*/
.view-vacancies .views-row .views-field-field-closing-date,
.view-vacancies .views-row .views-field-view-node {
	float:right;
	width: 30%;
	display:block;
	text-align: right;
	margin-top:-20px;
	padding-bottom: 15px;
}

.field-name-field-nieis-link a {
  padding: 10px 50px;
  background: #F6B220;
  text-align: center;
  display: block;
}
/* ------------------------------------------------------
  TENDER
------------------------------------------------------ */
/* Styling tender view here: struggled to theme the view....tpl.php */

.view-tenders .views-row{
 float:left;
 display:block;
 margin-bottom:25px;
 width:100%;
 border-bottom: 1px solid #d3d3d3;
 padding-bottom: 10px;
 position: relative;
 }

.view-tenders .views-row *:after{
    border-bottom: 3px solid #1b2c5d;
    bottom: -2px;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    width: 160px;
}

/* zone-postscript-wrapper */

#zone-postscript-wrapper .block {
  padding: 15px 0;
}
#zone-postscript h2.block-title {
  border-color: rgba(255, 255, 255, 0.2);
}

/* #zone-footer */
#zone-footer .region {
  padding: 20px;
}
#zone-footer ul li {
  display: inline;
}
#zone-footer .block-title {
  display: none;
}

#zone-footer h2.block-title {
    color: #23408f;
}

.zone-postscript-wrapper {
	background:#1b2c5d;
	padding: 20px 0;
	}

.zone-footer-wrapper{
	background:#23366a;
	padding: 5px 0;
	}

/* ------------------------------------------------------
  BLOCKS | BLOCK TITLE
------------------------------------------------------ */
#zone-preface .block,
#zone-midface .block,
#zone-bottomface .block {
    background: #e7e7e8 none repeat scroll 0 0;
}

#zone-preface h2.block-title,
#zone-fullpage h2.block-title,
#zone-frontmid h2.block-title,
#zone-frontsec h2.block-title,
#zone-midface h2.block-title,
#zone-bottomface h2.block-title,
#zone-content #region-content h2.block-title,
.left-prog-title {

    background: none repeat scroll 0 0 #ffffff;
    color: #929295;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0 0 0;
    min-height: 46px;
    padding: 13px 0 12px 20px;
    position: relative;
    text-align: left;
}



#zone-frontmid h2.block-title,
#zone-frontsec h2.block-title,
.left-prog-title {

    background: none repeat scroll 0 0 #ffffff;
    color: #595959;
	border-bottom:#cccccc thin solid;
}



#zone-content #region-sidebar-second h2.block-title {
    background: none repeat scroll 0 0 #f7f7f7;
	border-bottom: 1px solid #dfdfdf;
    color: #6d6e71;
    font-size: 1.308em;
    font-weight: normal;
    padding: 6px 20px;
    text-transform: uppercase;
}
#zone-content #region-sidebar-second .block {
	margin-bottom:15px;
	border: 1px solid #dfdfdf;
}

#zone-content #region-sidebar-first h2.block-title {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #dfdfdf;
    color: #6d6e71;
    font-size: 1.308em;
    font-weight: normal;
    margin: 0px 0px 0px;
    padding: 6px 20px;
    text-transform: uppercase;
}
#zone-content #region-sidebar-first .block-title {
	border:1px solid #dfdfdf;

}
#zone-content #region-sidebar-first .block {
	border:none;
	background:#f7f7f7;
	margin-bottom:25px;
	padding-bottom:-10px;
}
#zone-content #region-sidebar-first .block p {
	padding:0px 0px 0px 0px;
}
#zone-content #region-sidebar-first .block img {
	padding:0px;
}

#region-sidebar-first .block img {

	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    display: block;
    margin: 0px;
    padding: 0px;
	}

	#region-sidebar-first .block  img:hover {
		opacity:0.3;
		filter: alpha(opacity=30); /*for IE8 and earlier*/

	}



#zone-postscript h2.block-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #f3f3f4;
    font-size: 1.538em;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-transform: capitalize;
}


/* ------------------------------------------------------
  Pagenation
------------------------------------------------------ */
.pager {

    background: none;
    border-color: none;
    border-image: none;
    border-radius: 0;
    border-style: none;
    border-width: 0;
}

.pager li {
   float: left;
   background: none repeat scroll 0 0 #1b2c5d;
   margin-left: 6px;
}

.pager li.pager-current {
   background: none repeat scroll 0 0 #fcaf17;
   padding: 5px 12px!important;
}

.pager li.active {
  background: #1b2c5d;
  display: block;
  font-size: 13px;
  padding: 5px 12px;
}

.pager li a, .pager-next, .pager-last {
  background: #1b2c5d;
  display: block;
  color: #fff;
  font-size: 13px;
  margin-left: 6px;
}

article.node-media-gallery .pager li a,
article.node-media-gallery.pager-next,
article.node-media-gallery.pager-last {
  background: #1b2c5d;
  display: block;
  color: #fff;
  font-size: 13px;
  margin-left: 6px;
}

article.node-media-gallery .pager li a:hover,
article.node-media-gallery.pager-next:hover,
article.node-media-gallery.pager-last:hover {
  background: #fff;
  display: block;
  color: #333;
  font-size: 13px;
  margin-left: 6px;
}

/* FONTS */

h1 {
  font-size: 2.5em; /* 30px */
  line-height: 1.266em; /* 38px/30px */
  letter-spacing: -0.02em;
}

h2 {
  font-size: 1.666em; /* 20px */
  line-height: 1.3em; /* 26px/20px */
  letter-spacing: -0.02em;
}

h3 {
  color: #1b2c5d;
  font-weight: lighter;
  font-size: 1.333em; /* 16px */
  line-height: 1.375em; /* 22px/16px */
}

h4 {
 color: #1b2c5d;
  font-size: 1.100em; /* 14px */
  line-height: 1.285em; /* 18px/14px */
  text-transform: uppercase;
  font-weight:normal;
}

h5 {
  font-size: 1.083em; /* 13px */
  line-height: 1.538em; /* 20px/13px */
  font-weight: bold;
}

h6 {
  font-size: 1em; /* 12px */
  line-height: 1.5em; /* 18px */
  font-weight: bold;
}

/* ------------------------------------------------------
  Links
------------------------------------------------------ */

#region-content article .field-items a,
.view-vacancies .views-row .views-field-field-upload-vacancy a,
.view-vacancies .views-row .views-field-field-vacancy-url a {
	color: #1b2c5d;
}

#region-content article .field-items a:hover,
.view-vacancies .views-row .views-field-field-upload-vacancy a:hover,
.view-vacancies .views-row .views-field-field-vacancy-url a:hover {
  color: #6d6e71;
  text-decoration: none;
}

a:link, a:visited {
	color: #6d6e71;
    text-decoration:underline;
}

a, a > * {
  color: #1b2c5d;
  text-decoration: none;
}


a, a > *,
.button,
.jcarousel-prev, .jcarousel-next,
.iconbox > a * {
  -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
  -moz-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
  -ms-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
  -o-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
  transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease, opacity 0.2s ease-in-out;
}

a:hover, a > * {
  color: #1b2c5d;
}

/* ------------------------------------------------------
  Text & Content Blocks
------------------------------------------------------ */
p {
  margin-bottom: 15px;
  color: #8d8d8d;
  line-height: 1.692em;
  text-align: justify;
}

#zone-postscript p {
    color: #f3f3f4;
	font-size:1.08em;
	line-height:1.5em;
	font-weight:normal;
}
#zone-postscript span {
    color: #f3f3f4;
}
#zone-postscript a {
   color: #ffffff;
}
#zone-postscript a:hover {
    color: #fcaf17;
}


.view-photo-gallery div img,
.view-event-photos div img {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #dddddd;
    margin: 0 0 0 5px;
    overflow: hidden;
    padding: 4px;
}

.highlighttext { background: #ffff99; }

.alignleft {
  float: left;
}

img, object, embed {
    max-width: 100%;
}
img {
    height: auto;
}

img.alignleft {
  margin: 5px 20px 5px 0;
}

.alignright {
  float: right;
}

img.alignright {
  margin: 5px 0 5px 20px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.aligncenter {
  margin-top: 5px;
  margin-bottom: 5px;
}

.image-border img {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #e2e2e2;
    float: left;
    margin: 0 15px 0 0;
    padding: 4px;
}

.tip, caption, .caption {
  color: #999;
  font-size: 0.916em; /* 11px */
  font-style: italic;
}

.grey-text {
  color: #999;
}

.invisible {
  display: none !important;
}

hr {
  background-color: #e5e5e5;
  color: #e5e5e5;
  border: none;
  height: 1px;
  clear: both;
  margin: 40px 0;
}

mark {
  font-style: normal;
    font-weight: normal;
}

.note {
  color: #E64141;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

h1.site-name, h2.site-name {
  font-size: 25px;
}
/*added by olivia*/
.site-name {
display:none;
visibility:hidden;
}

.site-slogan{
display:none;
visibility:hidden;
}
/*end --- added by olivia*/

li.comment_forbidden {
  font-size: 11px;
}
.node-links ul li a, .comment-links ul li a {
  font-size: 10px !important;
  padding: 4px 5px 3px !important;
}

.arrow li {
    background: url("../images/nust-arrow.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 15px;
}

.read-more, .node-readmore a {
    background: none repeat scroll 0 0 #1b2c5d;
    color: #000;
    display: inline-block;
    font-style: italic;
    padding: 10px 18px;
}

.read-more:hover , .node-readmore:hover{
  color: #fff;
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
}

#zone-content .form-actions input {
    margin-right: 0.5em;
    background: none repeat scroll 0 0 #1b2c5d;
    color: #fff;
    display: inline-block;
    padding: 10px;
}
#zone-content .form-actions input:hover {
    margin-right: 0.5em;
    background: none repeat scroll 0 0 #1b2c5d;
    color: #fff;
    opacity: 0.80;
    -moz-opacity: 0.80;
    filter:alpha(opacity=80);
}

#region-content .node-teaser .node-title {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid;
  margin: 0 -10px;
  min-height: 15px;
  padding: 15px 31px;
}

#region-content .node-teaser, #region-content .comment {
  border: none;
  margin: 20px 0;
}
#region-content .content {
  padding: 0 10px;
  margin: 10px 0;
}
#region-content .submitted, .comment footer {
  padding: 10px;
}
#region-content .submitted {
  padding: 10px;
}
#region-content .node-links {
  padding: 0 10px;
}

/* ------------------------------------------------------
  TABLE
------------------------------------------------------ */
table {
    border-collapse: collapse;
    border-spacing: 0;
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

.own-table-style {
    background: none repeat scroll 0 0 white;
    border: 1px solid #dddddd;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
}

tbody {

    border: 0;
}

thead th, th {
    background: none repeat scroll 0 0 #1b2c5d;
    border-bottom: 0 none;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: bottom;
}

tr.even, tr.odd {
    border-bottom: 0 none;
    padding: 0.1em 0.6em;
}
tr.even td {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 0 none;
}
tr.odd td {
    border: 0 none;
}

td, td img {
    vertical-align: top;
}
td {
    font-weight: normal;
    vertical-align: top;
}
td, th {
    padding: 0 0 10px 0;
    margin: 0;
}



/* LINKS */

.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    color: #333;
   background-image: linear-gradient(to bottom, #333, #333);
    background-repeat: repeat-x;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}

a:link, a:visited {
  text-decoration: none;
}
ul li a.active {
  color: #333;
}
.node-links, .comment-links {
  float: right; /* LTR */
  margin: 10px 0;
}
.node-links ul li:not(.comment_forbidden) a, .comment-links ul li:not(.comment_forbidden) a {
  border-radius: 5px;
  font-weight: normal;
  float: right; /* LTR */
}
.node-links ul li.addtoany a {
  border: none;
  background: none;
  float: right; /* LTR */
}

/* BUTTONS */
button, input[type="reset"], input[type="submit"], input[type="button"] {
  border-radius: 2px;
  height: 30px;
}
input[id|="edit-submit"] {
  border: 1px solid transparent;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
}
.node footer {
  font-size: 10px;
}

/* COMMENTS */

.comment header {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid;
  margin: 0 -10px;
  min-height: 15px;
  padding: 15px 31px;
}
.comment header h3 {
  margin-bottom: 0;
  font-size: 13px;
}
.comment footer {
  padding: 5px;
  background: url("../images/comment-arrow.png") no-repeat scroll 17% bottom;  /* LTR */
  height: 28px;
  font-size: 8px;
}
.comment > div {
  border-radius: 5px;
  padding: 10px;
  margin: 0 10px;
}
.node .username, .comment .username {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
.comment footer > time {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px;
}
h2.comment-form {
  border: 1px solid;
  border-bottom: none;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin-top: 40px;
  margin-bottom: 0;
}
.comment-form {
  border: 1px solid;
  padding: 10px;
}

/* MISC */

/* Views */
.views-exposed-widgets .views-submit-button {
  clear: both;
}

legend {
  font-weight: bold;
}



#zone-postscript .view-about-us span,
.contact-info span {
  display: block;
  margin-bottom: 10px;
  line-height: 17px;
  padding-left: 26px;
  background: transparent no-repeat left center;
}

#zone-postscript span a {
  color: #fcaf17;
  text-decoration: underline;
}


span.address {
  background-image: url(../images/home-icon-nust.png) !important;
}
span.phone {
  background-image: url(../images/phone1-icon-nust.png) !important;
}
span.mail {
  background-image: url(../images/mail-icon-nust.png) !important;
}
span.postal{
  background-image: url(../images/mailbox-icon-nust.png) !important;
}
span.fax {
  background-image: url(../images/printer_and_fax-nust.png) !important;
}

/* ------------------------------------------------------
 Contact Form
------------------------------------------------------ */
#zone-postscript .form-item.form-type-textfield.form-item-search-block-form input[type="text"] {
  float: left;
  font-size: 1em;
  padding: 10px;
  background: #888;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 81%;
  Height: 35px;
  margin-bottom: 11px;
  margin-right: 5px;
  border: none;
}

#zone-postscript .form-item.webform-component label{
  color: #f3f3f4;
}

#zone-postscript .form-item.webform-component.webform-component-select select{
  width: 100%;
}


#zone-postscript .form-item.webform-component.webform-component-textfield input[type="text"]{
  float: left;
  font-size: 0.846em;
  padding: 10px;
  background: #888;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  Height: 35px;
  margin-bottom: 11px;
  border: none;
}

#zone-postscript .form-item.webform-component.webform-component-email input[type="email"]{
  float: right;
  font-size: 0.846em;
  padding: 10px;
  background: #888;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  Height: 35px;
  margin-bottom: 11px;
  border: none;
}


#zone-postscript .form-item.webform-component.webform-component-textfield input[type="text"]:first-child {
  float: left;
}

#zone-postscript textarea {
  clear:both;
  width: 100%;
  max-width: 100%;
  height: 80px;
  min-height: 80px;
  background: #888;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border: 0px;
  padding: 10px;
}

#zone-postscript input[type="submit"] {
  float: right;
  font-size: 0.846em;
  font-weight: bold;
  color: #000;
  background: #fff;
  position: relative;
  margin: 0;
  padding: 7px 15px;
  border: none;
}

#zone-postscript input[type="submit"]:hover {
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
}


/* ------------------------------------------------------
  To Top
------------------------------------------------------ */
/* Back to top */
#zone-footer #region-to-top {
  width: 100%;
  border-top: 2px solid #333;
  border-top: 2px solid rgba(0,0,0,0.1);
  margin: 30px 0 10px 0;
  position: relative;
}

#zone-footer #region-to-top a {
  position: absolute;
  width: 58px;
  height: 58px;
  text-indent: -9999px;
  top: -30px;
  left: 50%;
  margin-left: -30px;
  border-radius: 100%;
  border: 2px solid #000\0/;
  box-shadow: 0 0 0 4px rgba(0,0,0,.11);
  background: #1b2c5d url(../images/back-to-top-arrow.png) no-repeat center;
}

#zone-footer #region-to-top a:hover {
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
}

#zone-footer #region-footer-first{
	color:#FFFFFF;

	}


/* ------------------------------------------------------
  Social Icons
------------------------------------------------------ */

#zone-footer #region-footer-second .item-list{
  padding: 0;
  margin: 0;
  float: right;
}

#zone-footer #region-footer-second .item-list ul li a {
  display: inline-block;
  background: transparent no-repeat center;
}

#zone-footer #region-footer-second .item-list ul li a:hover {
  opacity: 0.80;
}


.image-caption{ background:#1b2c5d; padding:10px; color:#f3f3f4; font-size:12px; line-height:20px;}
.field-name-field-abstract-for-teaser{font-weight:600; color:#8a8888; margin-bottom:10px;}


/*______________________________
Admission STYLES

*/

#apply-cta{background: #22305E; padding: 18px; margin:30px;  }
#apply-cta .title{text-align: center; color: white; font-size:30px; padding-bottom:10px;}
#apply-cta p{color: white; margin-top:15px;}

#apply-cta .button a{  padding: 18px; background: #F6B220; color: #1b2c5d; text-align: center; max-width: 200px; display: block; margin: 0 auto;
}
#apply-cta .button a:hover{ color:#1b2c5d; font-weight:600;}

#button-yellow a{  padding: 18px; background: #F6B220; color: #1b2c5d; text-align: center; max-width: 200px; display: block; margin: 0 auto;
}
#button-yellow a:hover{ color:#1b2c5d; font-weight:600;}

/*#linkcontain{ display:block; margin-left: auto; margin-right: auto; width: 60%;}*/
.yellowlinks { text-align:justify;}
#apply-cta .yellowlinks a{color: #fcaf17;}
#apply-cta .yellowlinks a:hover{ color: #ffffff; }


.admis-block p{font-size:16px; padding: 0 20px 0 20px; }
#zone-frontmid .region-highlighted-first block-title{font-size:30px;  }

#zone-midface-wrapper{margin-bottom:15px;}
#zone-midface { overflow:hidden;}
#zone-midface .block-inner{padding-bottom: 99999px; margin-bottom: -99999px;}

#zone-midface .block-inner .blockimagetop {margin-top:-20px;}


#admissions-info-wrapper .bluelinks a{color: #1b2c5d;}
#admissions-info-wrapper .bluelinks a:hover{color: #595959;}
.bluelinks a{color: #1b2c5d;}
.bluelinks a:hover{color: #595959;}

#zone-frontmid .block, #zone-frontsec .block {margin-bottom:15px;}

#zone-frontmid .region-icon-highlighted-first .block  {
	margin-top:85px;

   background-color:#f3f3f4; font-size:16px; margin-bottom:0px; padding-bottom:15px;
}


#zone-frontmid .region-icon-highlighted-first .block a,
#zone-content #region-sidebar-second .view-faculty-programmes a{color: #1b2c5d;}

#zone-frontmid .region-icon-highlighted-first .block a:hover,
#zone-content #region-sidebar-second .view-faculty-programmes a:hover{color: #595959;}

#region-dep-top p{ background-color:#f3f3f4; font-size:16px; margin-bottom:0px; padding-bottom:15px; }
#region-dep-top h3{ background-color:#f3f3f4; color: #1b2c5d; font-weight: lighter; font-size: 1.5em; line-height: 1.375em; margin-bottom:0px; padding-bottom:15px; }

#zone-frontmid .region-highlighted-first .region-highlighted-first-inner .block-highlights-links-block-18 h2.block-title,
#zone-frontmid .region-highlighted-second .region-highlighted-second-inner .block-highlights-links-block-19 h2.block-title{
   font-size: 20px;
}
#zone-frontmid .region-highlighted-fourth-inner .block-block{background:transparent; } /*bgcolor for highlight blocks created by manually creating a block - no dark grey behind blue block on admissions*/

#region-bottomface-first{margin-bottom:25px;}


/* ------------------------------------------------------
  Programme Content & Blocks Disply Page
------------------------------------------------------ */
.left-prog-title {
  font-size: 1.2em;
}
.right-prog-descrip {
  margin-bottom:15px;
  padding: 20px 25px 30px 25px;
}
#zone-content #region-sidebar-second .block-about-faculty-block:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-1:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-2:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-3:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-4:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-5:hover,
#zone-content #region-sidebar-second .block-about-faculty-block-6:hover  {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transform: scale(1.1, 1.1);
  transition: all 0.7s ease-in-out 0s;
}
#zone-content .region-sidebar-second .block-about-faculty-block .content,
#zone-content .region-sidebar-second .block-about-faculty-block-1 .content,
#zone-content .region-sidebar-second .block-about-faculty-block-2 .content,
#zone-content .region-sidebar-second .block-about-faculty-block-3 .content,
#zone-content .region-sidebar-second .block-about-faculty-block-4 .content,
#zone-content .region-sidebar-second .block-about-faculty-block-5 .content,
#zone-content .region-sidebar-second .block-about-faculty-block-6 .content {
  background: #F6B220;
}

#region-sidebar-second .block .content .view-about-faculty p{
  color: #1b2c5d;
  margin: 0;
}
#region-sidebar-second .block .content .view-about-faculty .view-footer a {
    padding: 0 30px;
    background: #1b2c5d;
    color: #fff;
    font-size: 1em;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    float: right;
}
#zone-content #region-sidebar-second .block-about-faculty-block h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-1 h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-2 h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-3 h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-4 h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-5 h2.block-title,
#zone-content #region-sidebar-second .block-about-faculty-block-6 h2.block-title {
  background: none repeat scroll 0 0 #F6B220;
  border-bottom: none;
  color: #1b2c5d;
  font-size: 1em;
  font-weight: bold;
  padding: 20px 10px 20px 20px;
}
#zone-content #region-sidebar-second #block-custom-search-blocks-1,
#zone-content #region-sidebar-second #block-custom-search-blocks-1 .content,
#zone-content #region-sidebar-second #block-webform-client-block-5620,
#zone-content #region-sidebar-second #block-webform-client-block-5620 .content,
#zone-content #region-sidebar-second #block-webform-client-block-5620 p {
  background: #1b2c5d;
  color: #fff;
}

#zone-content #region-sidebar-second #block-webform-client-block-5620 .form-actions input {
    background: #F6B220;
    color: #1b2c5d;
    display: inline-block;
    padding: 10px;
    margin-left: 70px;
}

#zone-content #region-sidebar-second #block-custom-search-blocks-1 .content label{
  font-style: normal;
  text-align: center;
  font-weight: normal;
}

#zone-content #region-sidebar-second .form-item.form-type-textfield.form-item-custom-search-blocks-form-1 input[type="text"]{
  float: left;
  font-size: 1em;
  width: 70%;
  padding: 10px;
  margin: 15px 5px 20px 15px;
  border: none;
  Height: 35px;
}
#zone-content #region-sidebar-second #block-webform-client-block-5620 .form-item.webform-component.webform-component-textfield,
#zone-content #region-sidebar-second #block-webform-client-block-5620 .form-item.webform-component.webform-component-textarea {
padding-left: 15px;
}
#zone-content #region-sidebar-second #block-webform-client-block-5620 .form-item.webform-component.webform-component-textarea {
width: 90%
}
#zone-content #custom-search-blocks-form-1 .form-actions input {
    background: none repeat scroll 0 0 #1b2c5d;
    color: #fff;
    display: inline-block;
    padding: 0px;
}
#zone-content #custom-search-blocks-form-1 .form-actions input:hover {
  margin-right: 0;
}
#custom-search-blocks-form-1 input[id|="edit-submit"] {
    border: 1px solid transparent;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.zone-testimony-wrapper {
  background: #F6B220;
  padding: 20px 0;
  margin-bottom: 50px;
}
#zone-testimony, #zone-testimony a{
  color: #22305E;
}
#region-testimony-content h2.block-title,
.view-testimony .jcarousel-item {
  text-align: center;
}

.view-testimony .jcarousel-item iframe {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  display: block;
 margin: 0 10px;
  padding: 4px;
  text-align: center;
}

#prog{background: #22305E; padding: 18px; margin:5px; min-height: 310px;}
#prog .title{text-align: center; color: white; line-height: 1.3em; font-size:20px; padding-bottom:10px;}
#prog p{color: white; margin-top:15px; text-align: left !important;}
#prog .button a {
  padding: 10px 50px;
  background: #F6B220;
  color: #1b2c5d;
  text-align: center;
  display: block;
}
#prog .button a:hover{ color:#1b2c5d; font-weight:600;}
#prog .prog-links a{color: #fcaf17;}
#prog .prog-links a:hover{ color: #ffffff; }

#prog-center{height:100px;}
#prog-tail{
  height:100px;
  vertical-align: bottom;
  display: table-cell;
  width:300px;
  text-align: center;
}
#prog-head{height:50px;}
/* ------------------------------------------------------
  Programme Header Fields
------------------------------------------------------ */

.prog-no-margin{
  margin-bottom: 0 !important;
}
.prog-no-padding{
  padding-top:0 !important;
}
.prog-padding{
  padding-top:20px !important;
}
.menu-bg {
  background: none repeat scroll 0 0 rgba(34, 46, 82, 0.95) !important;
}
#block-views-programme-header-block {
  width: 35%;
  background:  none repeat scroll 0 0 rgba(216, 213, 212, 0.9);
  color: #707070;
  margin: 140px 5px 40px 5px;
  padding: 20px 5px 5px 5px;
  z-index: 100;
}

.view-programme-header .views-field-title {
  padding: 0 13px 0 13px;
  font-size: 1.6em;
  font-weight: 300;
  margin: 0;
}
.view-programme-header .views-field-title a{
  color: #1b2c5d !important;
}

.view-programme-header .views-field-field-programme-level,
.view-programme-header .views-field-field-programme-code,
.view-programme-header .views-field-field-mode-of-study,
.view-programme-header .views-field-field-duration,
.view-programme-header .views-field-field-accreditation {
  padding: 0 13px 0 13px;
  font-size: 1.4em;
  margin-bottom: 30px;
}

.view-programme-header .views-field-field-programme-code,
.view-programme-header .views-field-field-mode-of-study{
  float: left;
  width: 50%;
}
.view-programme-header .views-field-field-duration,
.view-programme-header .views-field-field-accreditation {
  width: 50%;
  float: right;
}

.view-programme-header .views-field-field-programme-code .field-content,
.view-programme-header .views-field-field-mode-of-study .field-content,
.view-programme-header .views-field-field-duration .field-content,
.view-programme-header .views-field-field-accreditation .field-content{
  font-size: 0.8em;
}
.view-programme-header .view-content {
  height: 90%;
}
.view-programme-header .view-footer {
  float: right;
}
.view-programme-header .view-footer a{
  padding: 0 30px;
  background: #F6B220;
  color: #1b2c5d;
  font-size: 1em;
  text-align: center;
  display: block;
  margin-right: 15px;
}
.view-programme-header .view-footer a:hover{ color:#1b2c5d; font-weight:600;}
#zone-programme-details-wrapper {
  background-image: url(../images/header-tech-bg.jpg) !important;
  display: block;
  max-width: 100%;
  background-size: cover;
}
#zone-programme-breadcrum-wrapper{
  margin-top: 10px;
}


/* ------------------------------------------------------
  Programme Curriculum Style
------------------------------------------------------ */
.right-prog-descrip tr:nth-child(even) {
  background-color: #f4f4f4;
}
.right-prog-descrip tr:nth-child(odd) {
  background-color: #fff;
}
.right-prog-descrip tr:hover {
  background-color: #e7e7e8;
}
.right-prog-descrip td {
  height: 10px;
  padding: 5px 15px;
}