@charset "UTF-8";
/*
    * Website : UNB.ca Responsive Design Framework
    * Author  : Neil D. Hawker
    * Launch  : July 15 | 2013
        ** Last November. 15 | 2013
    * Validated : November. 15 | 2013  Columns on line 98 not supported CSS3 only
    * Version : 1.0.0.3
*/

 /* === Page Columns === */
     html, body {overflow-x:hidden;}
    .row {width: 100%; max-width: 1140px; min-width: 755px;margin: 0 auto;overflow: hidden;}
    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {margin-right: 3.8%;float: left;min-height: 1px;}
    .row .onecol {width: 4.85%;}
    .row .twocol {width: 13.45%;}
    .row .threecol {width: 22.05%;}
    .row .fourcol {width: 28.75%;}
    .row .fivecol {width: 39.45%;}
    .row .sixcol {width: 48%;}
    .row .sevencol {width: 56.75%;}
    .row .eightcol {width: 65.4%;}
    .row .ninecol {width: 74.05%;}
    .row .tencol {width: 82.7%;}
    .row .elevencol {width: 91.35%;}
    .row .twelvecol {width: 100%;float: left;}
    .last {margin-right: 0px; margin-bottom: 20px;}
 /* === Media === */
    .content img {max-width: 100%;}
    .bllbrd img {max-height:311px;}
	.bboardItem .hdlr img {max-height: 260px;}
/* === Visible Content === */
    .visible-desktop {display: inherit !important;}
    .visible-phone {display: inherit !important;}
    .visible-tablet {display: inherit !important;}
 /* ===  Hide Content === */
    .hidden-content{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
    .hidden {display: none;visibility: hidden;}
    .hidden-desktop {display: none !important;}
 /* === desktop MenuSearch large === */
    .mzr-responsive > li.mzr-search input,.mzr-responsive > li.mzr-search input:focus {width: 160px;}
    .fbHeaderL, .fbBodyL,.adblock img {display: none !important; visibility:hidden;}
    table.stacktable { display: none; }
   
@media only screen and (max-width: 1024px) {
     html, body {overflow-x:hidden;}
    .pgbnnr .logo { position:relative; display:block; right: -18px;display:block; z-index:100;}
    .bllbrd .hdlr  {margin-top: 4px;}
    .meganizr > li.mzr-search{width: 210px !important; padding-top: 6px;background: none; margin: 0 auto;}
    .meganizr > li.mzr-search input{padding-left: 6px; width: 180px !important; display:block;}
    .fbHeaderL, .fbBodyL {display: none !important;}
    .leftColumn {float:none !important; width: 70% !important;}
    .rightColumn {float:none !important; width: 70% !important;}
    .mColumn {float:none !important; width: 100% !important;}
}
@media only screen and (max-width: 920px) {
     html, body {overflow-x:hidden;}
/* === Global Nav ==== */
    .mzr-responsive {height: auto;float: left;clear: both;margin: 10px 0 0;}
    .mzr-responsive > li,  .mzr-responsive > li.mzr-align-right {display: inline-block;float: left;position: static;border: none;width: 33.2%;}
    .mzr-responsive > li.mzr-drop {background: url('../img/menu/arrow-down-light.png') no-repeat right center;}
    .mzr-responsive .drop-two-columns,  .mzr-responsive .drop-three-columns,  .mzr-responsive .drop-four-columns,  .mzr-responsive .drop-five-columns,  .mzr-responsive .drop-six-columns {width: 100%;}
    .mzr-responsive .one-col,  .mzr-responsive .two-col,  .mzr-responsive .three-col {width: 45.5%;margin: 2%;}
    .mzr-responsive .four-col,  .mzr-responsive .five-col,  .mzr-responsive .six-col,  .mzr-responsive .mzr-contact .one-col,  .mzr-responsive .mzr-contact .two-col,  .mzr-responsive .mzr-contact .three-col,  .mzr-responsive .mzr-contact .four-col,  .mzr-responsive .mzr-contact .five-col,  .mzr-responsive .mzr-contact .six-col {width: 95.5%;margin: 2%;}
    .mzr-responsive.mzr-slide > li > div,  .mzr-responsive.mzr-slide > li > ul,  .mzr-responsive.mzr-slide > li > ul li > ul,  .mzr-responsive.mzr-fade > li > div,  .mzr-responsive.mzr-fade > li > ul,  .mzr-responsive.mzr-fade > li > ul li > ul {top: auto;}
    .mzr-responsive.mzr-slide > li.mzr-drop:hover > div,  .mzr-responsive.mzr-slide > li.mzr-drop:hover > ul,  .mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > ul,  .mzr-responsive.mzr-fade > li.mzr-drop:hover > div,  .mzr-responsive.mzr-fade > li.mzr-drop:hover > ul,  .mzr-responsive.mzr-fade > li > ul li.mzr-drop:hover > ul {top: auto;}
    .mzr-responsive > li.mzr-search input {width: 100px;}
    .mzr-responsive > li.mzr-search input:focus {width: 100px;}
    .mzr-responsive > li.mzr-search input[type=text] {border: 1px solid #ccc;padding-left: 5px;background: #fff;}
    .mzr-responsive .mzr-content input[type=text],  .mzr-responsive .mzr-content input[type=email],  .mzr-responsive .mzr-content textarea {width: 80%;max-width: 80%;padding: 9px 4% 8px 15%;}
    .mzr-responsive li.mzr-drop.mzr-levels,  .mzr-responsive li.mzr-drop.mzr-contact {position: relative;}
    .mzr-responsive > li.mzr-drop > ul,  .mzr-responsive > li.mzr-drop > ul li > ul {width: 100%;padding: 0;}
    .mzr-responsive > li > ul li > ul,  .mzr-responsive > li > ul li.mzr-align-left > ul,  .mzr-responsive > li.mzr-align-right > ul {left: -1px;}
    .mzr-responsive > li > ul a {margin-left: 10px;margin-right: 10px;}
    .mzr-responsive > li > ul li.mzr-drop > h4 a,  .mzr-responsive > li > ul li.mzr-align-left.mzr-drop > h4 a {background: url('../img/menu/arrow-down.png') no-repeat 100% center;} 
 /* ===  show / hide === */
    .fbHeaderL, .fbBodyL, .adblock img{display: none !important; visibility:hidden;}
/*===== Bio ======*/
	.biopic {float:none;padding: 8px;}
	.biopic:after {clear: all;}
	.biotext {width: 100%;border:none;}
	.biotext .name {font-size: 21px;font-style: italic;font-color: #000; margin: 0; padding:0; line-height: 1;padding-top: 8px;}
	.biotext .title {font-size: 18px;}
    .leftColumn {float:none; width: 70% important;}
    .rightColumn {float:none !important; width: 70% !important;}
    .mColumn {float:none !important; width: 80% !important;}
}

@media only screen and (min-width:960px) {
    html, body {overflow-x:hidden;}
/* === Menu Columns - Do NOT alter === */
    .meganizr .mzr-full-width .one-col {width: 14%;}
    .meganizr .mzr-full-width .two-col {width: 30.6664%;}
    .meganizr .mzr-full-width .three-col {width: 47.3328%;}
    .meganizr .mzr-full-width .four-col {width: 63.9992%;}
    .meganizr .mzr-full-width .five-col {width: 80.6656%;}
    .meganizr .mzr-full-width .six-col {width: 97.332%;}
    .meganizr .mzr-full-width .one-col, .meganizr .mzr-full-width .two-col, .meganizr .mzr-full-width .three-col, .meganizr .mzr-full-width .four-col, .meganizr .mzr-full-width .five-col,
    .meganizr .mzr-full-width .six-col {margin: 1.3332%;}
/*===== Billboard ======*/
	.bllbrd img {height: 311px !important;}
}
@media only screen
and (min-device-width : 767px)
and (max-device-width : 1023px)
and (orientation : portrait) {
     html, body {overflow-x:hidden;}
 /* ===  Billboard */
    .hdlr img {display: none;}
 /* === Page Banner */
    .pgbnnr .logo { position:relative; display:block; right: -18px;}
/* === Quick Launch === */
    .qcklnch ul {-moz-column-count: 3;-moz-column-gap: 10px;-webkit-column-count: 3;-webkit-column-gap: 10px;column-count: 3;column-gap: 10px;}
/* ===  show  / hide === */
    #facebookblock .hidden-phone,.adblock img {display:none;}
    .fbHeaderL, .fbBodyL,.adblock img {display: inherit !important; visibility:visible;}
    .mzr-responsive > li.mzr-search input {width: 220px;background: #fff;}
    .mzr-responsive > li.mzr-search input:focus {width: 220px;}
/* ===  page Columns / List Columns */
    .lCol {float: none !important; width: 100% !important;}
    .rCol{float: none !important; width: 100% !important;}
    ul.leftCol,ul.rightCol,ul.fltlft, ul.fltrght {float: none;width: 100% !important;}
    .cmpsnav ul.fltlft, .cmpsnav ul.fltrght {margin-left: 20px;}
    .navlist ul.fltrght {float:right;}
    ul.fltlft, ul.fltrght {margin:0; padding:0;}
    .leftColumn, .rightColumn{float: none !important; width: 70% !important;}
    #double ul {width: 340px;}
/* === social carousel */
    .socialhub .feed {margin-left: 42px;}
    .hub .bx-wrapper .bx-prev {left: 0; position:absolute;}
    .hub .bx-wrapper .bx-next {right:0;position:absolute;}
/* === Footer */
    #footer .sixcol {width: 100%; text-align:center;float:none;}
    #footer .navlist {float: none;}
    .leftColumn {float: none; width: 70% !important; }
    .rightColumn {float: none; width: 70% !important; }
    .mColumn {float:none !important; width: 80% !important;}
}

@media handheld, only screen and (max-width: 767px) {
/* ===  Shell === */
    html, body {overflow-x:hidden; max-width: 760px; margin: 0 auto;}
     .row, body, .container {width: 100%;min-width: 0;margin-left: 0px;margin-right: 0px;padding-left: 0px;padding-right: 0px;}
    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
    width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px;}
    .container {margin: 6px 0 0 0; padding:0; border:none;}
    #masthead {margin: 0 auto; text-align:center;}
/* === Billboards === */
    .bllbrd .hdlr img {display: none !important;visibility:hidden !important;}
/* === Page Banner === */
    .pgbnnr .logo { position:relative; display:block; right: -18px;display:block; float: none; z-index:100;text-align:center;}
    .pgbnnr {margin: 0 auto; text-align:center;}
/* ===  Menus === */
    .mzr-responsive > li,  .mzr-responsive > li.mzr-align-right {width: 49.5%; border-bottom: 1px dotted #ccc;}
     .mzr-content h5.mnuhd {position: inherit;}
     #audnav {margin-bottom: 20px}
    #insdenav {margin-left: 30px;}
    .navlist ul.fltrght {float:right;}
    #column-one,#column-two,#column-three,#admssns-column-one,#admssns-column-two,#admssns-column-three {width: 100% !important;float: none !important;display: block !important;}
     #areastdy {width: 200px;}
/* === social carousel === */
    .hub .bx-wrapper .bx-prev {left: 0; position:absolute;}
/* === Quick Launch === */
    .qcklnch ul {-moz-column-count: 1;-moz-column-gap: 10px;-webkit-column-count: 1;-webkit-column-gap: 10px;column-count: 1;column-gap: 10px;}
    .qcklnch ul li { width:100%; margin-right:0; float:none;}
    .qcklnch ul li:nth-child(even) { float:none;}
/* === Footer === */
    #footer .sixcol {width: 100%; text-align:center;float:none;}
    #footer .navlist {float: none;}
/*=== Hide ===*/
    .visible-desktop {display: none !important;}
    .visible-phone,.hidden-desktop {display: inherit !important;}
    .fbHeaderL, .fbBodyL {display: inherit !important;}
    #facebookblock,#chart-container {visibility:hidden;}
    .hidden-phone, .pglbl,#chart-container,.adblock img,#facebookblock {display: none !important;}
    .fbHeader, .fbBody, .twHeader, .twBody {display: block !important;}

}
@media only screen and (max-device-width: 640px) {
     html, body {overflow-x:hidden;}
    .brdr-2col,.brdr-cntr,.brdr-singl  {background-image: none !important;}
    #insdenav ul {margin-bottom:20px; padding-bottom: 20px;}
    .qck { background: none; margin-right: 25px; border:none;}
    .pgbnnr .logo { position:relative; display:block; margin-left: 150px;}
    .meganizr > li.mzr-search label {display:none;}
/* Show Hide */
    #facebookblock,#chart-container {visibility:hidden;}
    form.frmzlla {width: 85%; margin:0; padding:0;white-space: normal !important;}
    form label, form.frmzlla label, label {text-align: default !important;}
	form.frmzlla dt,form.frmzlla dd {clear: both;float: none;white-space: normal !important;}
	form.frmzlla dt, form.frmzlla dd { margin: 0;padding: 0;}
	form.frmzlla dt,form.frmzlla dd {padding: 8px 0; margin:0 !important; text-align: left !important;}
	form.frmzlla dt label:after {content: ":"}
	form.frmzlla dl.optnl {font-style:italic;opacity: 0.55;}
    form.frmzlla textarea {width: 100%; margin-left: -20px; line-height:1.5;}
    .message {width: 90%; text-align: center; margin: 0; padding: 4px 12px;}
    .leftColumn {float:none !important; width: 70% !important;}
}

@media (max-width: 480px) {
/*===== Table ======*/
	table.large-only { display: none;}
	table.stacktable { display: table; }
/*===== Forms ======*/
	form.frmzlla {width: 85%; margin:0; padding:0;white-space: normal !important;}
	form label, form.frmzlla label, label {text-align: default !important;}
	form.frmzlla dt,form.frmzlla dd {clear: both;float: none;white-space: normal !important;}
	form.frmzlla dt, form.frmzlla dd { margin: 0;padding: 0;}
	form.frmzlla dt,form.frmzlla dd {padding: 8px 0; margin:0 !important; text-align: left !important;}
	form.frmzlla dt label:after {content: ":"}
	form.frmzlla dl.optnl {font-style:italic;opacity: 0.55;}
    form.frmzlla textarea {width: 100%; margin-left: -20px; line-height:1.5;}
    .message {width: 90%; text-align: center; margin: 0; padding: 4px 12px;}

.storyblk {width: 100% !important; border:none; display:block; float: none !important;display: block;}
.storyblk img {display: block;margin: 6px auto 12px auto;}
.storyblk .stryhead {font-weight:bold; font-size: 1.2em; line-height: 1.2;}
.storyblk p {margin:);}
.storythmb {padding: 4px; border: 1px solid #ccc; margin-top: 4px;}
.storythmb:hover {border:1px #F60408 solid;opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	html, body{overflow-x:hidden;}
	.container .content {margin: 0 8px;}
/* Billboards */
    .bllbrd img {min-heigh:100px; height:100px; width: 100%; margin-top: 10px !important; padding-top: 10px;}
	.bllbrd .hdlr { display: none !important;visibility:hidden !important;}
    .bllbrd .tsrtxt {font-size: 10px;}
    .bllbrd {margin:0; padding:0;}
/* page banners */
	.pgbnnr {margin: 0 auto; text-align:center; height: 130px; padding-bottom: 12px;}
	.pgbnnr .logo { position:relative; display:block; margin-left: -35px; margin-top: 6px;}
/* Menus */
	.mzr-responsive {padding: 2px 0;}
	.mzr-responsive > li {border-bottom: 1px dotted #ccc;}
	.mzr-responsive > li,  .mzr-responsive > li.mzr-align-right {display: block; width: 100%;}
	.mzr-responsive .one-col,  .mzr-responsive .two-col,  .mzr-responsive .three-col,  .mzr-responsive .four-col,  .mzr-responsive .five-col,  .mzr-responsive .six-col {width: 95.5%;margin: 2%;}
	.meganizr > li.mzr-search input[type=submit] { display:none;}
	.meganizr > li.mzr-search {text-align: center !important; margin-left: 12px;display: block;width: 100%;}
	.meganizr > li.mzr-search input {padding: 16px 8px!important; width: 280px !important; }
	.meganizr > li.mzr-search label {display:none;}
	#audnav {width: 90%; margin-left: -10px;}
/* === Layout ==== */
    .leftColumn, .rightColumn{float: none !important; width: 100% !important;}
    .fbHeaderL, .fbBodyL{display: inherit !important; visibility:visible;}
    .lCol {float: none !important; width: 100% !important;}
    .rCol{float: none !important; width: 100% !important;}
    ul.leftCol,ul.rightCol,ul.fltlft, ul.fltrght {float: none;}
    ul.fltlft, ul.fltrght {margin:0; padding:0;} 
	#column-one,#column-two,#column-three,#admssns-column-one,#admssns-column-two,#admssns-column-three {width: 100% !important;float: none !important;display: block !important;}
    #areastdy {width: 200px;} 
/*=== Media === */
 	.brdr-3col,.brdr-2col,.brdr-cntr,.brdr-singl  {background-image: none !important;}
    .keylock {background: none;}
 /* === Social carousel === */
    .socialhub .feed {margin-left: 42px;}
    .hub .bx-wrapper .bx-prev {left: 0; position:absolute;}
    .hub .bx-wrapper .bx-next {right:0;position:absolute;}
/*=== Extended Footer ===*/
    ul#double { margin:0; padding:0;}
    ul#double li {line-height:1.5em; float:none; width: 100%; list-style-type:circle; margin-left: 6px;}
    .fivecol:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
    .dyk {float:none; clear: both; margin:0; padding:0;}
    .dyk img {float:right;}
/*=== Admissions view === */
    #prgvw_div {float: none; margin:0;}
    #admssns_recruit {margin: 0; float:none; width: auto !important;}
/*=== Footer === */
    #footer .sixcol {text-align:left; float:none; display: inline; width: 80% !important;}
    #footer .navlist {float: none;}
/*==== Emergency Banner === */
	.emergency-banner, .emergency-banner2 {margin: 0; padding:0; width:100%;}
	.emergleft, .emergright  {width: 80%; margin: 8px auto; text-align:center;}
	.emergleft {margin-left: 14px;}
	.emergleft:after {clear: both;}
	.emergright {margin-right:30px;}
/*=== Show Hide ====*/
	#facebookblock,#chart-container { visibility:hidden;}
	.fbHeader, .fbBody, .twHeader, .twBody,.fbHeaderL, .fbBodyL {display: block !important;}
	.adblock img {display:none;}
	.lCol {float: none !important; width: 100% !important;}
	.rCol{float: none !important; width: 100% !important;}
	ul.leftCol,ul.rightCol,ul.fltlft, ul.fltrght {float: none; width: 100%;}	
/* === Event Calendar === */
	.event-data-contain { margin-left: 10px; margin-bottom: 10px; width: 90%;}
    .event-hdr {}
    .event-entry {}
    .event-details {width: 90%;}
	
	table.stacktable {}
	table.stacktable td {}
	/*table.stacktable th { text-transform:uppercase;}*/
	table.stacktable tr:nth-child(odd) {background-color:#fff; }
	table.stacktable tr:nth-child(even) {background-color: #fff4ce;}




}

.ui-tabs-anchor { border-bottom: none !important; }