@charset "UTF-8";
/*
    * Website : UNB.ca
    * Author  : Neil D. Hawker
    * Launch  : Aug. 9  | 2013
        ** Updated : Dec.10 | 2014
    * Validated : Novemeber. 15 | 2013
    * Version : 1.0.0.3
   * Page/Element Layout
    
*/

/* ==== Main Container + Row ==== */
    .container {max-width: 1140px; min-width: 755px; margin: 16px auto;}
    .container .content {margin: 0 25px; min-height:200px;}
    .container:before, .container:after {display: table;line-height: 0;content: "";}
    .container:after {clear: both;}
    .row.spacer {margin-bottom: 20px;}
/* == Skip to Links ==*/
    .accessibility-links {position: absolute;left: -999em;width: 990em;}
    .hideall {display:none;}
/* ==== Global Nav + Search ==== */
    .meganizr, .meganizr ul, .meganizr li, .meganizr h4 a, .meganizr a,.meganizr img, .meganizr div, .meganizr p, .meganizr form, .meganizr input{margin: 0;padding: 0;}
    .meganizr {position: relative;clear: both;width: 100%;height: 37px; }
    .meganizr:before, .meganizr:after {content: '';clear: both;}
    .meganizr > li {position: relative;display: block;float: left;z-index: 10000;}
    .meganizr > li.mzr-align-right {float: right;}
    .meganizr > li > h4 a {position: relative;display: block;padding: 13px 18px;margin:0;}
    .meganizr > li.mzr-drop:hover > h4 a:after, .meganizr > li.mzr-drop > h4 a.mzr-click:after {position: absolute;content: '';top: 0;left: 0;width: 100%;}
	.meganizr > li.mzr-drop:hover > h4 a, .meganizr > li.mzr-drop > h4 a.mzr-click {z-index: 650;}
	.meganizr > li.mzr-home-dark > h4 a, .meganizr > li.mzr-home-light > h4 a {text-indent: -9999px;}
    .meganizr ul.navpadd li {padding:10px 0;}
/* == Search ==*/
	.meganizr > li.mzr-search{width: 350px; padding-top: 6px;background: none;}
	.meganizr > li.mzr-search input{padding-left: 6px; width: 90% !important; display:block;}
	.meganizr > li.mzr-search.inside {width: 290px; padding-top: 6px;}
	.meganizr > li.mzr-search:after {float:none; clear:both;}
/* == InsideUNB Search === */
	.meganizr.insde > li.mzr-search input,.meganizr.insde > li.mzr-search input:focus{width: 260px;}
	#searchform {display: block;}
	.fieldcontainer {display: block;position: relative;width: 100%;}
	.searchfield {display: block; width: 100%; height: 25px; padding-left: 16px;font-size: .9em;color: #6b6b6b;border: 1px solid #fff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
	.searchfield:focus {width: 100%;}
	#searchbtn {position: absolute; top:2px; right: 40px;border: 0;cursor: pointer; opacity: 0.65;width: 20px !important; height: 20px !important;}
	#searchbtn:hover, #searchbtn:focus {/*filter: alpha(opacity=90);*/opacity: 0.9;  }
	.meganizr > li > div, .meganizr > li > ul, .meganizr > li > ul li > ul {position: absolute;z-index: 600;padding: 10px 0;opacity: 0;overflow: hidden;visibility: hidden;}
	.meganizr > li.mzr-align-right > div {left: auto;right: -1px;}
	.mzr-slide > li > div, .mzr-slide > li > ul, .mzr-slide > li > ul li > ul, .mzr-fade > li > div, .mzr-fade > li > ul, .mzr-fade > li > ul li > ul {-webkit-transition: all .25s linear .15s;-moz-transition: all .25s linear .15s;-o-transition: all .25s linear .15s;-ms-transition: all .25s linear .15s;transition: all .25s linear .15s;}
	.mzr-slide > li > div, .mzr-slide > li > ul, .mzr-slide > li > ul li > ul {top: 100px;}
	.mzr-slide > li.mzr-drop:hover > div, .mzr-slide > li.mzr-drop:hover > ul, .mzr-slide > li > ul li.mzr-drop:hover > ul {top: 37px;opacity: 1;overflow: visible;visibility: visible;}
	.mzr-fade > li.mzr-drop:hover > div, .mzr-fade > li.mzr-drop:hover > ul, .mzr-fade > li > ul li.mzr-drop:hover > ul, .meganizr > li.mzr-drop:hover > div, .meganizr > li.mzr-drop:hover > ul, .meganizr > li > ul li.mzr-drop:hover > ul {opacity: 1;overflow: visible;visibility: visible;}
/* == close Window on device ==*/
/* == Positioning ===*/
	.meganizr > li.mzr-full-width {position: static;}
	.mzr-full-width > div {width: 100%; left:0;}
	.meganizr .one-col {width: 140px;}
	.meganizr .two-col {width: 300px;}
	.meganizr .three-col {width: 460px;}
	.meganizr .four-col {width: 620px;}
	.meganizr .five-col {width: 780px;}
	.meganizr .six-col {width: 940px;}
	.meganizr .one-col, .meganizr .two-col, .meganizr .three-col, .meganizr .four-col, .meganizr .five-col, .meganizr .six-col {float: left;margin: 10px;}
	.meganizr .drop-two-columns {width: 320px;}
	.meganizr .drop-three-columns {width: 480px;}
	.meganizr .drop-four-columns {width: 640px;}
	.meganizr .drop-five-columns {width: 800px;}
	.meganizr .drop-six-columns {width: 960px;}
/* Content Columns */
	.meganizr .one-col {width: 140px;}
	.meganizr .two-col {width: 300px;}
	.meganizr .three-col {width: 460px;}
	.meganizr .four-col {width: 620px;}
	.meganizr .five-col {width: 780px;}
	.meganizr .six-col {width: 940px;}
	.meganizr .one-col, .meganizr .two-col, .meganizr .three-col, .meganizr .four-col, .meganizr .five-col, .meganizr .six-col {float: left;margin: 10px;}
/* == Dropdown Levels == */
	.meganizr > li > ul, .meganizr > li > ul li > ul {width: 160px;padding: 10px;}
	.meganizr > li > ul li.mzr-drop:hover > ul, .meganizr.mzr-fade > li > ul li.mzr-drop > ul {top: -11px;}
	.meganizr > li > ul li {position: relative;}
	.meganizr > li > ul li > ul {position: absolute;left: 100%;}
	.meganizr > li.mzr-align-right > ul {left: auto;right: 0;}
	.meganizr > li > ul li.mzr-align-left > ul {position: absolute;left: auto;right: 105%;}
	.meganizr > li > ul a {display: block;}
	.mzr-content p {padding: 10px 0;}
	.mzr-content .mzr-links a {display: block;padding: 5px 0;}
.mzr-content {cursor: default;}
/* == Floats == */
	.mzr-content .fl {float: left;}
	.mzr-content .fr {float: right;}
	.mzr-content .cb {clear: both;}
	.mzr-content .cl {clear: left;}
	.mzr-content .cr {clear: right;}
	.mzr-content .block {display: block;margin-top: 10px;}
	.mzr-content {cursor: default;}
/* === Billboard === */
	.bllbrd {margin:0;padding: 0; /*height: 311px; width: 1140px;*/}
	.bllbrd {margin-top: -4px;}
	.bllbrd:after {clear: both;}
	.bllbrd .billbrdslider .tsrtxt { position:absolute;}
	.bllbrd .billbrdslider .tsrtxt {min-height: 40px;position:absolute !important;}
	.bllbrd .tsrtxt p {padding: 10px 0 15px; border-bottom: 1px dotted #ccc;}
	.tsrtxt {bottom: 0;min-height: 40px;opacity: 0.85; padding: 0 12px;}
	.bllbrd .hdlr {position:absolute;right:0;margin-right: 25px;top:14px;margin-top: 21px;}
/* == Billboard Controls == */
    .bx-controls-auto {position:absolute; }
	.bx-controls-auto-item  {margin: 0 10px !important; position:relative; top: -75px; height: 50px; width:30px; }
    .bx-controls-auto-item .bx-start {background-image: url('../img/billboard/bill_play.png') !important;padding:4px; border:none !important;background-repeat:no-repeat;}
    .bx-controls-auto-item .bx-stop {background-image: url('../img/billboard/bill_pause.png') !important;padding:4px; border:none !important;background-repeat:no-repeat;}
	.bx-stop:hover, .bx-start:hover{background-color: transparent !important;}
	.bx-stop:hover {background-image:url('../img/billboard/bill_pause_hover.png') !important;}
	.bx-start:hover {background-image:url('../img/billboard/bill_play_hover.png') !important;}
	
/* === Page Headings === */
	h1, h2, h3, h4, h5, h6 {margin: 0; padding:0;}
/*=== Page Search =====*/
	.insdesrch {display: block;text-align: center;}
/* === Global Forms ==== */
	input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
	input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
	.insdesrch input[type="text"] {width: 60%;margin: 15px 0;}
/* === Page Banners === */
	.pgbnnr {height: 130px;}
	.pgbnnr img {z-index:10;}
	.pgbnnr .pglbl {position: absolute; z-index:300;padding-left: 14px; margin-top: 40px;}
	.pgbnnr .logo {display:block; float: right; z-index:100; margin-right: 125px;}
	.pgbnnr .logo img {z-index:100;position:absolute; background: #fff;}
	.pgbnnr:after {clear:both;}
/* === Bread Crumbs === */
	#breadcrumb {height: 32px;width: 100%;overflow: hidden;margin: 0px;padding: 0px; border-top: 1px dotted #fff; border-bottom:1px solid #ccc;}
	#breadcrumb li {float: left;padding-left: 10px;margin-top: -8px;padding-top:12px;}
	#breadcrumb img {padding-top:4px;}
	#breadcrumb a {height: 30px;display: block;padding-right: 15px;}
	#breadcrumb a:hover {padding-right: 15px;}
/* === Headings === */
	h2, h3, h4, h5, h6 {margin:0;padding: 12px 0;}
	h1 {margin:0;padding: 26px 0 12px 0;}
/*== Homepage Specific ==*/
	#hmpge h1, #hmpge h2, #hmpge h3, #hmpge h4, #hmpge h5, #hmpge h6 {padding: 10px 0;margin: 0;}
/* ==== Lists ===== */
	ul, ol {margin-left: 30px; padding-top: 8px; margin-bottom: 1em;}
	ul li, ol li {padding: 4px 0;}
    ul.inline-spacer li {padding-right: 12px;display: inline;} 
/*=== Page Columns ===*/
	.content .leftColumn {width: 45%; float:left; padding-right: 40px;}
	.content .rightColum {width: 45%; float:right;}
    .three-columns .column {width:30%;float:left; margin-right: 20px;}
    .three-columns {margin:-10px 0 0 0; padding:0;}
/*float lists */
	ul.leftCol,.lCol {float:left;width: 45%;}
	ul.rightCol,.rCol{width: 45%; float:right;}
/* Content Columns */
	#column-one,#column-two,#column-three,#admssns-column-one{float: left;}
	#admssns-column-two {float:right; margin-right: 300px;}
	#admssns-column-one {width: 30%;}
	#admssns-column-two {width: 65%;}
	#column-one {width: 30%;padding: 5px 15px;}
	#column-two {width: 30%;padding: 5px 15px;margin: 0px 5px 5px 5px;}
	#column-three {width: 30%;padding: 5px 15px;}
/* === Navigation Elements ===*/
	ul.navlist {padding: 0;margin: 0 10px;}
	.fltlft, .fltrght {width: 42%;}
	ul.navlist.fltlft, .fltlft {float: left;}
	ul.navlist.fltrght {width:65% !important; text-align: right;}
	ul.navlist.fltlft {width:35%;}
	ul.navlist.fltrght, .fltrght {float: right;}
	ul.navlist.fltrght {margin-right: 10px;}
	ul.navlist li {display: inline;padding: 0 8px;}
/*== Masthead ==*/
	#masthead ul.navlist {float: right;margin: 26px 10px 0 0;}
	#gblnav ul.navlist {padding-top: 8px;margin-left: 4px;}
/*== Inside & Audience Nav == */
	#audnav ul, #insdenav ul {width: 100%; padding: 0;}
	#audnav ul li, #insdenav ul li {padding: 0;margin: 0;}
	#audnav a, #insdenav a {display: block;padding:2px 10px; margin:0;}
	#insdenav ul {margin-top: 10px; margin-right: 8px;}
	#insdenav ul ul {margin:0; border:none;}
	#insdenav ul.insdethree li a{padding:10px; margin:0;}
	#insdenav ul {width: 100%;float: right;}
	#insdenav {line-height:2;}
/* ==Audience based content == */
	.audcnt {margin: 0 30px;}
	.audcnt ul {margin-left: 2em;}
/* === Sidenav === */
	.side {margin-right: 10px;margin-top: 10px;display: block;}
	.side p {margin: 1em 0;}
	.side img {margin: 0 auto;display: block;}
	.adblock2 {text-align:center;margin-left:-8px;display: block;}
	.threecol img {margin-top: 16px; margin-left: -13px;}
/*==SideNav Blog==*/
	.sidebar-blog {width: 90%;}
	.sidebar-blog .rssHeader a {color: #000; border-bottom: 1px dotted #ccc; font-size: 1.3em;}
/*=== Tables ==== */
	table {margin: 0.5em 0 1.5em 0;width: 100%;}
	table caption {padding: 6px 0;}
	table img {border: none;background: none !important;}
	table th, table td {padding: 0.5em 1em;}
	table.st-head-row { padding-top: 1em; }
	table.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
	table.st-key { width: 49%; text-align: right; padding-right: 1%; }
	table.st-val { width: 49%; padding-left: 1%; }
/* === Social Hub === */
	.socialhub {width: 600px;}
	.hub{height: 240px;}
	.socialhub .feed {padding: 4px 8px;margin: 10px;word-wrap: break-word;}
	.socialhub .feed.twtr, .socialhub .feed.fbk, .socialhub .feed.utbe, .socialhub .feed.flkr {width: 200px;height: 200px;}
	.bx-wrapper {position: relative; margin: 0 auto 60px;padding: 0; /* *zoom: 1; */}
	.bx-wrapper img {max-width: 100%;display: block;}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
	.bx-wrapper .bx-loading {min-height: 50px;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
	.bx-wrapper .bx-pager {padding-top: 20px; }
	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; /* *zoom: 1; *display: inline;*/}
	.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;}
	.bx-wrapper .bx-prev {left: 12px;}
	.bx-wrapper .bx-next {right: 12px;}
/* === SocialHub arrow Fix ===*/
	.hub .bx-wrapper .bx-prev {left: -30px;}
	.hub .bx-wrapper .bx-next {right: -40px;}
	.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 11;text-decoration:none;border-bottom:none;}
	.bx-wrapper .bx-controls-direction a.disabled {display: none;}
	.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;outline: 0;}
	.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
	.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0; /*background: #666\9;*/ background: rgba(80, 80, 80, 0.75);width: 100%;}
	.bx-wrapper .bx-caption span {color: #fff;display: block;font-size: .85em;padding: 10px;}
	.twitter_reply_icon,.twitter_retweet_icon {margin-right: 6px;}
/*=== News, Events, Blog, Campus Navigator ===*/
	ul.nwevnt {margin-left: 2em;}
	ul.nwsevntsub {margin-top: 4px;}
	ul.nwsevntsub li {display: inline;padding: 0 16px;}
	ul.cmps {float: left; margin:0; padding-right: 60px;}
	ul.cmps li {list-style: none;}
	ul.cmps ul li {padding: 0;list-style: url(../img/base/bllt.png);margin-left: 10px;}
/* === Quick Launch === */
	.qck {display: block; text-align: center;padding-top: 8px;}
	.qcklnch ul {-moz-column-count: 4;-moz-column-gap: 10px;-webkit-column-count: 4;-webkit-column-gap: 10px; column-count: 4;column-gap: 10px;-ms-column-count:4;-ms-column-gap: 10px; margin-left: -4px;}
	.qcklnch ul li {display: inline-block; width: 16em; text-align: center;}
/*IE Fix for IE9 and below*/
	*.qcklnch ul li {display: inline-block; width: 15em; margin: 4px 8px;text-align: center;}
	.qcklnch ul a {padding: 4px;display: block;}
	.qcklnch ul li.clear {clear: both;clear: left;}
/* Program View and Admissions Req */
	#prgvw_div {float: right;margin-right: 40px;}
	#admssns_recruit {margin: 0 auto;width: 800px;font-size: 12px;}
	#admssns_recruit ul.ads a {border: none;}
	#admssns_recruit img {border: none;}
	#admssns_recruit ul.ads {list-style: none;float: right;}
	#admssns_recruit .slct_sj {float: right;width: 250px;}
	#admssns_recruit ul li {padding: 6px;}
	#admssns_recruit .slct_fred {float: left;width: 250px;}
/*insideUNB */
	#facebookblock {margin-bottom: 40px; float: none;}
/* === Testimonial ==== */
	.testimonal {padding: 10px 0; height: 150px; position:relative; background-position: top;}
	.testimonal img {float:left; padding: 0 20px 10px;}
/* === Extended Footer and Footer === */
	.extdfooter {padding: 10px 12px 0; margin-top: 10px; min-width: 100% !important; padding-left: 24px;}
	.extdfooter ul {margin-left: 20px;}
	ul#double {margin-bottom:20px; margin-left: 0px;}
	ul#double li {line-height:1.5em; float:left; list-style:none;}
	ul#double li  {width:42%;}
	.extdfooter .dyk {margin-top: 40px;}
	.extdfooter .dyk h5 {padding-bottom: .5em;}
	.extdfooter .dyk img {float: right;}
/* === Emergency Notifcication === */
	.emergency-banner,.emergency-banner2 {width: 100%; border-bottom: 2px solid #000;background-color: #ff0000; color:#fff;}
	.emergleft {float: left; padding: 7px 10px 7px 20px; width: 20%;color:#fff;}
	.emergright {float: right;width: 70%;color:#fff; margin-top: 4px; margin-right: 20px;}
	.emergleft h1 {color: #fff; border: 1px solid #000; border-radius: 8px; text-align:center; padding: 4px 10px;}
	.emergleft a:link,.emergleft a:visited, .emergleft a:visited {color:#fff;}
/* details */
	.emergright a:link {color:#fff;}
	.emergright a:hover {color:#fff; background:none;border:none;}
/* === Event Calendar === */
    .event-data-contain {border: 1px solid #ccc; width: 200px; border-radius: 6px; box-shadow: 3px 3px 5px #ccc;padding: 10px 6px; text-align:center;float:left;}
    .event-hdr {background-color: #E50B0F; color: #fff; padding: 8px 0;border-radius: 6px; font-weight:600;}
    .event-entry {padding:8px 0;}
    .event-details {float:left; width: 66%; margin-left: 30px;}
    .linkbuttn {padding: 8px; text-align:center; display: block; background-color:#ef3c44; width: 300px; float:left; margin: 10px 20px; border-radius: 6px;}
    .linkbuttn a:link {color: #fff; text-decoration:none; border: none;}
.linkbuttn a:link, .linkbuttn a:visited, .linkbuttn a:active.linkbuttn a:hover {color: #fff; text-decoration:none;border: none; background:none; font-weight: bold;}
    .linkbuttn:hover {color: #fff; text-decoration:none; background:#383838;}
/* ==== Awards List ===== */
    div.awrdlst {}
    h3.awrdlst a {color: #000;margin: 0;padding: 0; width: 100%; border:none;}
    .awrdlst ul {list-style-type: none;margin: 0;padding: 0; margin-left: 30px;width: 300px;}
    .awrdlst li {border-bottom: 1px dotted #ccc; }
    .awrdlst li:last-child {border: none;}
    .awrdlst li a {text-decoration: none;color: #ef3c44;display: block;padding: 8px 0;border:none;}
    .awrdlst li a:hover {background-color: #FFC;display: block; font-weight:bold;}
    .leftColumn.border {border-right: 1px dotted #ccc;}


@media screen and (max-width: 480px) {
    .leftColumn, 
    .rightColum {
        float: none !important;
        width: 80% !important;
    }
}