@font-face {
  font-family: 'uoit_icons';
  src: url('https://shared.uoit.ca/global/files/fonts/uoit_icons/uoit_icons.eot');
  src: url('https://shared.uoit.ca/global/files/fonts/uoit_icons/uoit_icons.eot#iefix') format('embedded-opentype'),
       url('https://shared.uoit.ca/global/files/fonts/uoit_icons/uoit_icons.woff') format('woff'),
       url('https://shared.uoit.ca/global/files/fonts/uoit_icons/uoit_icons.ttf') format('truetype'),
       url('https://shared.uoit.ca/global/files/fonts/uoit_icons/uoit_icons.svg#uoit_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}



  

h1,h2,h3,h4,h5,h6,h7,h8,strong {
     color:#000;
     line-height:1.2em;
     font-weight: 700;
}
/* *, *:before, *:after {
     -moz-box-sizing: border-box;
}
 */
 input[type=text], input[type=password] {
     -moz-box-sizing: content-box;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .inner-editor:focus, * {
outline: none!important;
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: 0!important;
}
 h1 {
     font-size: 19px;
}
 h2 {
     font-size: 18px;
}
 h3 {
     font-size: 17px;
}
 h4 {
     font-size: 16px;
}

font-family-calibri{
 font-family: Calibri;   
}

 .Title h1 {
     margin-bottom: 15px;
}
 span.linkDescription {
     height: 1px;
     width: 1px;
     position: absolute;
     top: -10px;
     overflow: hidden;
}
 ol.lowerAlpha li {
     list-style-type: lower-alpha;
}
 ol.upperRoman li {
     list-style-type: upper-roman;
}

/* Ordered list - nested e.g. 1., 1.1, 1.1.1*/
ol.ordered_list_nested,
.ordered_list_nested ol {
    counter-reset: item;    /* Creates a new instance of the item counter with each ol element */
    list-style-type: none; 
}

.ordered_list_nested > li,
.ordered_list_nested ol li {
    position: relative;
    display: block;
}
.ordered_list_nested li:before {
    counter-increment: item;            /* Increments only this instance of the item counter */
    content: counters(item,".") ".";    /* Adds the value of all instances of the item counter separated by a ".". */
    position: absolute;
    margin-right: 100%;
    right: 1rem;
}


 .content_old_browser ul li {
     position: relative;
     .search_holder input[type=search] left: 0em;
     line-height:1.2em;
}
 .content ul:not(.nav-tabs), .content_old_browser ul:not(.nav-tabs), .content ol, .content_old_browser ol {
     padding-left: 20px;
     margin: 10px 0 10px 20px;
     display: table;
}
 .MainContent ul:not(.nav-tabs) {
     list-style-type: square;
     text-transform:none 
}
.MainContent ul li ul {
    margin-top: 0;
    margin-bottom: 0;
}
 .MainContent ol {
     text-transform:none 
}
 .MainContent ul:not(.nav-tabs) li, .MainContent ol li {
     margin: 3px 0;
}
 .MiddleContentHome ul li, .FooterMenu ul li, nav ul li {
     list-style-type:none 
}
 .align-right {
     text-align: right;
     clear:both;
}
.align-right-noclear {
   text-align: right;
     clear:none; 
}
}
 .align-left,
 .align_left {
     text-align: left;
}
 .align-center,
 .align_center {
     text-align: center;
}
 .float-right {
     float: right;
}
 .float-left {
     float:left;
}
 iframe {
     border:0;
     overflow:hidden;
}
 iframe::-webkit-scrollbar, iframe::scrollbar {
     display: none;
}
 .Breadcrumbs * {
     z-index:0;
}
 .BreadcrumbNavigation {
     margin-bottom:20px;
     margin-top:20px 
}
 .BreadcrumbNavigation ul a {
     color:#000 
}
 .BreadcrumbNavigation ul a:hover {
     color:#666 
}
 .BreadcrumbNavigation ul {
     background:#F1F1F1;
     display:block;
     font-size:12px;
     padding:5px 5px 5px 10px 
}
 .BreadcrumbNavigation li {
     display:inline 
}
 .BreadcrumbNavigation li + li::before {
     content:'>';
     display:inline;
     margin-right:6px 
}
 .BreadcrumbNavigation li + li {
     margin-left:6px 
}
 .content_old_browser .apply_content:nth-child(even) {
     background:#fff;
}
 .content_old_browser .apply_content:nth-child(odd) {
     background:#fefefe;
}
 .content_old_browser .apply_content img {
     border:0;
     margin:0;
     padding:0;
     border-radius:3px;
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
}
 .content_old_browser .apply_content h4 {
     height:43px;
}
 .img_right, .float_right {
     float:right;
     margin: 0 0 10px 10px;
}
 .img_left, .float_left {
     float:left;
     margin: 0 10px 10px 0;
}

 .img_center {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    vertical-align: middle
}

 nav.main_nav * {
     z-index:50 
}
 .main-multi-nav {
     display:inline-block;
     float:left;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .main_nav .hidden-tablet {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .main-single-menu li.single-first-child:hover {
        background: none !important;
        padding-bottom: 0 !important;
    }
}

 .SiteHeader {
    padding-top:40px;
    position: relative; 
}
 .nudge-left1 {
     margin-left:-20px 
}
 .clearfix {
     clear:both 
}
 .clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 #skipContent {
     font-size: 12px;
     font-weight: bold;
     text-transform: uppercase;
     text-align: center;
     text-indent: -99999px;
     line-height: 16px;
     color: #6f6f6f;
     width: 100%;
     height: 16px;
     display: block;
}
 @media (max-width: 767px) {
     #skipContent {
         text-decoration: none;
         text-indent: 0;
         background: #f1f1f1;
         padding: .75em 0;
         transition: background 500ms;
         -webkit-transition: background 500ms;
    }
}
 #skipContent:active, #skipContent:focus {
     text-decoration: none;
     text-indent: 0;
     background: #f1f1f1;
     transition: background 500ms;
     -webkit-transition: background 500ms;
}
 #backToTop {
     text-indent: -99999px;
     background: url(https://shared.uoit.ca/site-images/layout/top.png);
     width: 88px;
     height: 30px;
     position: fixed;
     right: -44px;
     bottom: 80px;
     z-index: 100;
     display: none;
}
 #backToTop:hover {
     cursor: pointer;
}
 .addthis_pill_style {
     width: 50px !important;
     overflow: hidden !important;
}
 .addthisButtons {
     min-width: 245px;
}
 .addthisButtons a {
     font-size: 11px;
     font-weight: normal !important;
     line-height: 16px;
     text-decoration: none;
}
 .addthisText {
     font-size: .7em;
     text-transform: uppercase;
     line-height: 1.2em;
     color: #595959;
     padding: 1px 3px;
     margin-right: 3px;
     border: 1px solid #595959;
     float: left;
}
 .btn-primary {
     background: #003C71;
}
 .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
     background: #0077CA;
}
 .NewsArea {
     margin-top:20px;
     overflow:hidden;
     text-align:center 
}
 .NewsArea .Heading {
     position:relative;
     text-align:center;
     z-index:20 
}
 .NewsArea .Heading .Stroke {
     border-top:1px solid #DFDFDF;
     margin-left:3px;
     margin-right:10px;
     position:relative;
     top:21px;
     z-index:1 
}
 .NewsArea .Heading .Title h1 {
     background:#FFF;
     font-size:180%;
     margin:0 auto;
     position:relative;
     text-align:center;
     text-transform:uppercase;
     width:2.8em;
     z-index:2 
}
 .NewsArea .Heading .Title h1, .EventsArea h2 {
     color:#00599B 
}
 .EventsArea .NewsItem {
     margin-bottom:14px;
     min-height:50px;
     padding:6px;
     position:relative;
     clear: both;
}
 .EventsArea .NewsItem .Link a, .EventsArea .Tweets .Link a {
     cursor:pointer;
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:10;
     text-decoration: none;
     text-indent:-99999em;
}
 .EventsArea .NewsItem .Image {
     border:1px solid #EFEFEF;
     float:left;
     padding:1px;
     position:relative;
     width:72px;
     z-index:4 
}
 .EventsArea .NewsItem .Title {
     font-size:.92em;
     margin-left:88px;
     position:relative;
     z-index:5 
}
 .EventsArea .Quote {
     margin:8px auto 0;
     width:90% 
}
 .EventsArea .Quote blockquote {
     font-size:18px;
     left:1ex;
     position:relative;
     text-indent:-1ex 
}
 .EventsArea .Quote cite {
     display:block;
     font-size:13px;
     margin:8px 0 0 40%;
     position:relative 
}
 .EventsArea .Quote cite:before {
     content:'\2013';
     display:inline;
     left:-1.35ex;
     position:absolute 
}
 .EventsArea .QuoteColumn .Photo {
     bottom:-4px;
     left:0;
     position:relative 
}
 .search_holder form {
     margin-bottom:8px;
}
 .search_holder input[type=search] {
     margin:0;
     width:150px 
}
 .search_holder input[type=submit] {
     text-indent: -9999px;
     background: url(https://shared.uoit.ca/site-images/layout/search.png) no-repeat;
     width: 24px;
     height: 24px;
     border: 0;
}
 .Subtext {
     font-size: 14px;
     letter-spacing: .05ex;
     margin-top: 7px;
     display: inline-block;
}
 .Subtext a {
     color:#555 
}
 .mainBanner .slider .item .title {
     cursor:default;
     text-transform:uppercase 
}
 .top_social_icons_holder .Button a {
     height:100%;
     left:0;
     position:absolute;
     text-indent:-9999em;
     top:0;
     width:100% 
}
 .highlight {
     color:#006993 
}
 .alumni_social_icons_holder .Button a {
     text-indent:-9999em;
     width: 34px;
     height: 34px;
     display: block;
}
 .top_social_icons_holder .Facebook, .alumni_social_icons_holder .Facebook {
     background-position:0 -1152px;
     height:31px;
     width:32px 
}
 .top_social_icons_holder .Facebook:hover, .alumni_social_icons_holder .Facebook:hover {
     background-position:0 -1188px 
}
 .top_social_icons_holder .Twitter {
     background-position:0 -1288px;
     height:31px;
     width:32px 
}
 .top_social_icons_holder .Twitter:hover {
     background-position:0 -1324px 
}
 .top_social_icons_holder .YouTube {
     background-position:0 -1424px;
     height:31px;
     width:32px 
}
 .top_social_icons_holder .YouTube:hover {
     background-position:0 -1460px 
}
 .SocialIcon {
     background-image:url(https://shared.uoit.ca/site-images/layout/socialIcons_sprite.png);
     background-repeat:no-repeat 
}
 .top_social_icons_holder .Button {
     display:inline-block;
     position:relative 
}
 .EventsArea .NewsList {
     border-bottom:1px solid #DFDFDF;
     margin:24px 0 14px 
}
 .MiddleThird ul {
     margin:0 
}
 .MiddleThird ul li:nth-child(1) {
     border-top:none 
}

/* for old twitter code (Jason Meyers API) */
 .social-tabs #tabTwitter ul li {
     border-top:1px dotted #DFDFDF;
}
 .social-tabs #tabTwitter ul li:first-child {
     border-top: 0;
}
/* end for old twitter code*/

.social-tabs .tab-pane {
    padding-top: 10px;
    padding-right: 1px;
}
 .social-tabs #tabYoutube figure {
     margin: 0;
}
 .EventsArea .NewsItem:hover, .MiddleThird ul li a:hover {
     background-color:#EBEBEB 
}
/*** ESSENTIAL STYLES ***/
 .sf-menu, .sf-menu * {
     font-size:14px;
     list-style:none;
     margin:0;
     outline:none;
     padding:0;
     text-transform:none!important 
}
 .sf-menu {
     float:left;
     line-height:1em;
     margin-bottom:1em 
}
 .sf-menu ul {
     position:absolute;
     top:-999em;
     width:12em 
}
 .sf-menu ul li {
     width:100% 
}
 .sf-menu li:hover {
     visibility:inherit 
}
 .sf-menu li {
     background:#fff;
     display:block;
     float:left;
     position:relative 
}
 .sf-menu a {
     display: block;
     padding: 5px 7px 5px 7px;
     position: relative;
     text-decoration: none;
}
 .sf-menu li:hover ul, .sf-menu li.sfHover ul {
     left:0;
     top:30px;
     z-index:99 
}
 ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
     margin-left:18px;
     outline:none;
     top:-999em 
}
 ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
     left:12em;
     top:0 
}
 ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
     margin-left:18px;
     top:-999em 
}
 ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
     left:12em;
     margin-left:18px;
     top:0 
}
 li.sfHover a {
     color:#fff!important 
}
 .sf-menu li li {
     background:#00599B;
     color:#fff;
     line-height:1.1em;
     padding-right:20px 
}
 .sf-menu a, .sf-menu a:visited {
     color:#555 
}
 .sf-menu li li a {
     color:#fff;
     padding-right:10px 
}
 .sf-menu li li li {
     background:#003257;
     color:#fff 
}
 .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
     background:#00599B;
     outline:0 
}
 .sf-menu li ul li:hover, .sf-menu li ul li a:focus, .sf-menu li ul li a:hover, .sf-menu li ul li a:active {
     background:#0077CA;
     outline:0 
}
 .sf-menu li li a.sf-with-ul {
     min-width:1px;
     padding-right:2em!important 
}
 .sf-menu li a {
     font-size:12px;
     font-weight:700;
     padding-right:8px!important 
}
 .sf-menu li ul li a {
     font-size:12px 
}
 .sf-sub-indicator {
     height:10px;
     overflow:hidden;
     width:10px 
}
 .sf-shadow ul {
     -moz-border-radius-bottomleft:17px;
     -moz-border-radius-topright:17px;
     -webkit-border-bottom-left-radius:17px;
     -webkit-border-top-right-radius:17px;
     padding:0 8px 9px 0 
}
 .sf-shadow ul.sf-shadow-off {
     background:transparent 
}
 .SiteHeader nav.main_nav {
     font-weight:700;
}
 .SiteHeader nav.main_nav ol, ul {
     list-style:none;
     margin:0 
}
 .sf-menu li ul li a:link, .sf-menu li ul li a:active, .sf-menu a:hover {
     color:#fff!important 
}
 .sf-menu a:visited {
     color:#555 
}
 .main_nav ul.level-2-ul {
     list-style:none;
     margin-top:6px 
}
 nav.main_nav ul.level-3-ul {
     margin-top:14px 
}
 a img {
     border:none 
}
/* h1,h2,h3,h4,h5,h6 {
     font-size:18px;
     font-weight:700 
}
 */
 nav.main_nav .main_nav_parent {
     font-weight:700;
     text-transform:uppercase 
}
 nav.main_nav .main_nav_parent a {
     display:block;
     padding:6px 10px 
}
 nav.main_nav .main_nav_sub_heading {
     border-bottom:1px solid #015898;
     display:block;
     font-size:16px;
     margin:0 
}
 nav.main_nav .main_nav_sub_heading:hover {
     background:#003257;
     color:#fff 
}
 nav.main_nav .main_nav_sub_heading a {
     color:#36C6FF 
}
 nav.main_nav .main_nav_sub_heading a:hover {
     background:#003257;
     color:#fff!important 
}
 .col a:link, .col a:hover, .col a:active, .col a:visited {
     color:#fff;
     display:block;
     padding:2px 10px;
     text-decoration:none 
}
 .has-children {
     background:url(https://shared.uoit.ca/site-images/nav/arrows-main-menu.png) no-repeat right 5px;
     display:block 
}
 nav {
     margin:0;
     position:relative 
}
 .level-1 {
     float:left;
     font-size:16px;
     letter-spacing:-1px;
     padding-bottom:14px;
     text-decoration:none 
}
 nav.main_nav .level-1-active span.main_nav_parent a, nav.main_nav span.main_nav_parent a:hover {
     background:#00477C;
     color:#fff;
     text-decoration:none 
}
 .level-1 + .level-1 {
     margin-left:5px 
}
 .level-2 {
     background:#00477C;
    /* background-image:url(https://shared.uoit.ca/site-images/layout/mainMenu_cornerStudents.jpg);
     */
     background-position:bottom right;
     background-repeat:no-repeat;
     display:none;
     font-size:12px;
     padding:0 10px 20px 10px;
     left:-35%;
     letter-spacing:0;
     position:absolute;
     top:73%;
     width:900px 
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .level-2 {
        left: -50%;
    }
}

 .level-2 .col {
     float:left;
     padding:10px 10px 10px 0;
     width:200px 
}
 .level-2 .col + .col {
     margin-left:10px 
}
 .col li:hover {
     background:#0077CA 
}
 .level-3 {
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     background:#003257;
     box-sizing:border-box;
     display:none;
     font-size:12px;
     height:100%;
     left:100%;
     letter-spacing:0;
     position:absolute;
     top:0;
     width:230px 
}
 .level-3 a {
     padding:2px 10px 
}
/* MAIN NAV SINGLE */
 ul.main-single-menu {
     float: left;
     margin:0;
     padding:0;
     display:inline-block;
}
 ul.main-single-menu li, a.sf-with-ul {
     float: left;
     text-transform:uppercase;
     font-weight:bold;
}
 ul.main-single-menu li a:link, ul.main-single-menu li a:active, ul.main-single-menu li a:hover, ul.main-single-menu li a:visited {
     display: block;
     padding: 6px 10px;
     box-sizing: border-box;
}
 ul.main-single-menu li ul li {
     float: none;
     text-transform:none;
     letter-spacing:1em;
}
 ul.main-single-menu li ul, ul.main-single-menu li ul li a {
     text-transform:none;
}
 .main-single-menu * {
     font-size:14px;
     list-style:none;
     margin:0;
     outline:none;
     padding:0;
}
 .main-single-menu {
     float:left;
     line-height:1em;
     margin-bottom:1em 
}
 .main-single-menu ul {
     position:absolute;
     top:-999em;
     width:14em 
}
 .main-single-menu ul li {
     width:100% 
}
 .main-single-menu li.single-first-child:hover {
     padding-bottom: 12px;
     color: white;
     background: url('https://shared.uoit.ca/site-images/layout/mainMenu_hover_notch_darker.gif') center 10px no-repeat;
     text-decoration: none;
}
 .main-single-menu li.single-first-child ul {
     margin-top:6px;
}
 .main-single-menu li:hover {
     visibility:inherit 
}
 .main-single-menu li {
     background:#fff;
     display:block;
     float:left;
     position:relative 
}
 .main-single-menu a {
     display: block;
     padding: 5px 7px 5px 7px;
     position: relative;
     text-decoration: none;
}
 .main-single-menu li:hover ul, .main-single-menu li.sfHover ul {
     left:0;
     top:30px;
     z-index:99 
}
 ul.main-single-menu li:hover li ul, ul.main-single-menu li.sfHover li ul {
     margin-left:18px;
     outline:none;
     top:-999em 
}
 ul.main-single-menu li li:hover ul,ul.main-single-menu li li.sfHover ul {
     left:14em;
     top:0 
}
 ul.main-single-menu li li:hover li ul ul.main-single-menu li li.sfHover li ul {
     margin-left:18px;
     top:-999em 
}
 ul.main-single-menu li li li:hover ul, ul.main-single-menu li li li.sfHover ul {
     left:14em;
     margin-left:18px;
     top:0 
}
 .main-single-menu li.sfHover a {
     color:#fff!important 
}
 .main-single-menu li li {
     background:#00477C;
     color:#fff;
     line-height:1.1em;
     padding-right:20px;
     margin-bottom:0;
}
 .main-single-menu > a:link, .main-single-menu > a:visited {
     color:#025898!important 
}
 .main-single-menu li li a {
     color:#fff;
     padding-right:10px 
}
 .main-single-menu li li li {
     background:#003257;
     color:#fff 
}
 .main-single-menu li:hover, .main-single-menu li.sfHover a, .main-single-menu a:focus, .main-single-menu a:hover, .sf-menu a:active {
     background:#00477C;
     outline:0 
}
 .main-single-menu li ul li:hover, .main-single-menu li ul li a:focus, .main-single-menu li ul li a:hover, .main-single-menu li ul li a:active {
     background:#0077CA;
     outline:0 
}
 .main-single-menu li li a.sf-with-ul {
     min-width:1px;
     padding-right:2em!important 
}
 .main-single-menu li a {
     font-size: 16px;
     letter-spacing: -1px;
     padding-right:8px!important 
}
 .main-single-menu li ul li a {
     font-size:12px;
     letter-spacing:0px;
}
 .main-single-menu li ul li a:link, .main-single-menu li ul li a:active, .main-single-menu a:hover {
     color:#fff 
}
 .clear {
     clear:both;
     float:none;
     height:0 
}
 .banner_fix {
     width: 100%!important;
     overflow:hidden;
}
 .carousel_wrapper {
     margin:0 0 40px;
     position:relative 
}
 .mainBanner .slider .item .text.hide-text {
     display:none;
     height:0;
     visibility:hidden 
}
 .mainBanner .slider .item .title span.highlight {
     color:#006993 
}
 .mainBannerButtons .button {
     filter:alpha(opacity:50);
     opacity:.50 
}
 .mainBanner .slider .item .image {
     filter:alpha(opacity:50);
     height:100%;
     opacity:.50;
     width:100% 
}
 .mainBanner .slider .item .image a {
     display:inline-block;
}
 .mainBanner .slider .item.banner-selected .text {
     filter:alpha(opacity:95);
     opacity:.95;
     visibility:visible;
}
 .mainBanner .slider .item .text {
     visibility:hidden 
}
 .EventsArea {
     margin-bottom:40px;
     margin-top:40px 
}
 .EventsArea .Quote cite {
     font-style:italic 
}
 .EventsArea h2 {
     text-transform:uppercase 
}
 .EventsArea h2 {
     color:#00599B 
}
 .EventsArea .Event .Date {
     color: #111;
     font-weight: bold;
     font-size:.94em;
}
 .EventsArea .Event .Date {
     margin-bottom:3px 
}

/******************************************
  HOME PAGE CALL TO ACTIONS
******************************************/

.CalloutArea2 {
    margin: 2.5em auto;
	width: 100%
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
	.CalloutArea2 {
		width: 98%
	}
}


@media screen and (min-width: 1025px) {
	.CalloutArea2 {
		width: 982px
	}
}
@media screen and (min-width: 1200px) {
	.CalloutArea2 {
		width: 1024px
	}
}


/* Base button */
.CalloutArea2 a {
	width: 100%;
	display: block;
	text-decoration: none;
	margin: 6px 0;
}
@media screen and (min-width: 768px) {
	.CalloutArea2 a {
		width: 32.8%;
		margin: 0 2px;
		float: left;
	}
}
@media screen and (min-width: 1025px) {
	.CalloutArea2 a {
		width: 32.9%;
	}
}

.btnHomeCTA {
	width: 100%;
	height: 53px;
	background: rgba(0,60,113,.5) url('https://shared.uoit.ca/site-images/layout/homeCTA/exploreUOIT.jpg') right center no-repeat;
	background-size: auto;
	position: relative; 
	overflow: hidden;
}
.btnHomeCTA.btnHomeCTA-Programs {
	background-image: url('https://shared.uoit.ca/site-images/layout/homeCTA/viewPrograms.jpg')
}
.btnHomeCTA.btnHomeCTA-Viewbook {
	background-image: url('https://shared.uoit.ca/site-images/layout/homeCTA/undergraduateViewbooks.jpg')
}

@media screen and (min-width: 768px) {	
	.btnHomeCTA {
		height: 106px;
		background-position: center center;
		background-size: cover;
	}
}

/* Button text */		
.btnHomeCTA > span {
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	height: 53px;
	position: absolute;
	left: .675em;
}
@media screen and (max-width: 480px) {
    .btnHomeCTA > span {
	    font-size: 1.2em
	}
}
@media screen and (max-width: 320px) {
	.btnHomeCTA > span {
	    font-size: 1em
	}
}	
@media screen and (min-width: 768px) {
	.btnHomeCTA > span {
		line-height: 1em;
		height: auto;
		position: absolute;
		bottom: .375em;
	}
}

/* Button text line break */
.rwdLineBreak {
	display: inline;
}
@media screen and (min-width: 768px) {
	.rwdLineBreak {
		display: block;
	}
}
		
/* Colour overlay */
.CTAOverlay {
	background: -moz-linear-gradient(left,  rgba(0,60,113,1) 60%, rgba(0,60,113,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(60%,rgba(0,60,113,1)), color-stop(100%,rgba(0,60,113,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,60,113,1) 60%,rgba(0,60,113,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,60,113,1) 60%,rgba(0,60,113,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,60,113,1) 60%,rgba(0,60,113,0.5) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,60,113,1) 60%,rgba(0,60,113,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c71', endColorstr='#80003c71',GradientType=1 ); /* IE6-9 */
	width: 100%;
	height: 100%;
	position: absolute;
}
@media screen and (min-width: 768px) {
	.CTAOverlay {
		background:rgba(0,60,113,.5);
	}
}

/* Overlay animation (larger screen sizes only) */
@media screen and (min-width: 768px) {
	.CalloutArea2 a:hover .btnHomeCTA .CTAOverlay,
	.CalloutArea2 a:active .btnHomeCTA .CTAOverlay,
	.CalloutArea2 a:focus .btnHomeCTA .CTAOverlay {
		background: rgba(0,119,202,.75);
		-webkit-transform: translate(-260px);
			 -moz-transform: translate(-260px);
			  -ms-transform: translate(-260px);
				 -o-transform: translate(-260px);
				 	  transform: translate(-260px);
		-webkit-transition: transform .375s ease;
			 -moz-transition: transform .375s ease;
			 	-ms-transition: transform .375s ease;
			 	 -o-transition: transform .375s ease;
			 	 		transition: transform .375s ease;
	}
	.triangle {
		position: absolute;
		left: 100%;
		border-top: 106px solid transparent;
		border-left: 200px solid rgba(0,119,202,.75);
	}
}
        
/******************************************
  END: HOME PAGE CALL TO ACTIONS
******************************************/



 .CalloutArea .CalloutImage .Link a {
     border:none;
     display:block;
     outline:none;
     position:relative;
     text-indent:-99999em;
     z-index:1 
}
 .EventsArea .EventsList, .EventsArea .home-fac-right-column {
     border-bottom:1px solid #DFDFDF;
     margin:24px 0 14px 
}
 .EventsArea .Event {
     margin-bottom:14px;
     padding:4px 3px;
     position:relative 
}
 .EventsArea .Event .Link a {
     cursor:pointer;
     height:100%;
     left:0;
     position:absolute;
     text-indent:-9999em;
     top:0;
     width:100%;
     z-index:10 
}
 .EventsArea .Tweets {
     margin-top:24px;
     position:relative 
}
 .EventsArea .Tweet {
     border-bottom:1px solid #DFDFDF;
     margin-bottom:14px;
     padding:4px 3px 14px;
     position:relative 
}
 .EventsArea .TwitterColumn .Heading h2 span {
     background:url(https://shared.uoit.ca/site-images/layout/twitterBird.gif) center right no-repeat;
     padding-right:44px 
}
 #tweet {
     margin-top:-4px;
     margin-bottom:20px;
     margin-left: -3px;
     font-size:15px;
}
 #tweet .tweet_item:hover {
     background: #efefef;
}
 #tweet .tweet_item {
     padding:12px 3px 14px;
     border-bottom:1px solid #efefef;
     clear:both;
     border-radius:3px;
}
 #tweet .tweet_item .profile_icon {
     float: left;
     margin-right: 4px;
     width: 29px;
}
 #tweet .tweet_item .twitter_share {
     margin-top: 6px;
     font-size: 12px;
}
 #tweet .tweet_item .twitter_share img {
     margin-right:2px;
     margin-left:4px;
}
/* NEW TWITTER LAYOUT */
 #recent-tweets {
     font-size:14px;
}
 .user {
     clear:both;
     display:inline;
}
 .user span {
     display:none;
}
 .user img {
     width: 30px;
     height: 30px;
     float: left;
     padding: 2px 2px 0;
}
 .tweet {
}
 #recent-tweets ul li a {
     padding:0;
     margin:0;
     display:inline;
}
 #recent-tweets ul li {
     padding:8px 0;
}
 #recent-tweets .timePosted {
     display:none;
}
/* Sidebar */
@media (max-width: 767px) {
    .span9.pull-right+.span3 {
        clear: right;
    }    
}
 .MainContent .Sidebar {
     padding:6px 0 0 
}
 .MainContent .Sidebar h4 {
     font-size: 14px;
     margin-top: 0;
}
 .MainContent .Sidebar ul {
     display: block;
     font-size:13px;
     font-weight:700;
}
 .MainContent .Sidebar li:hover {
     background: #F3F3F3;
}
 .MainContent .Sidebar li {
     display: block;
     margin: 0px;
     padding: 0px;
}
 .MainContent .Sidebar a {
     display: block;
     color: black;
     padding: 3px 5px;
}

@media (max-width: 767px) {
    section.content {
        padding-bottom: 20px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;    
    }
}

 .SiteFooter {
     clear:both;
     margin-top:40px 
}
 .SiteFooter * {
     color:#fff;
     position:relative 
}
 .SiteFooter .BottomTier2 * {
     color: #fff !important;
}
 .SiteFooter .TopTier {
     background-color:#F1F1F1;
     background-image:url(https://shared.uoit.ca/site-images/layout/footer_grayGradient.gif);
     background-position:bottom left;
     background-repeat:repeat-x;
     padding:40px 0 
}
 .SiteFooter .TopTier h2 {
     color:#00599B;
     font-size:1.2em;
     line-height:1.2em;
     margin:8px 0 12px;
     text-transform:uppercase 
}
 .SiteFooter a {
     color:#000;
     padding:3px 0 
}
 .SiteFooter .TopTier a:hover {
     color:#11639D 
}
 .SiteFooter .footer-5column1 {
     display:block;
     float:left 
}
 ul.FooterMenu li {
     margin:0 3px 1px 0 
}
 .SiteFooter .BottomTier {
     background-color:#025898;
     color:#FFF;
     height:140px;
     margin-bottom:0;
     padding:40px 0 
}
 .SocialIcon {
     background-image:url(https://shared.uoit.ca/site-images/layout/socialIcons_sprite.png);
     background-repeat:no-repeat 
}
 .SiteFooter .BottomTier2 {
     background-color:#003C71;
     color:#FFF;
     margin-bottom:0;
     padding:40px 0 
}
 .BottomTier2 .UOITLogo {
     margin-right: 20px;
}
 .BottomTier2 .SocialIcon {
     background-image:url(https://shared.uoit.ca/site-images/socialicons2.png);
     background-repeat:no-repeat;
     background-size: 241px 60px;
}
 .BottomTier .SocialIcons div, .BottomTier2 .SocialIcons div{
     display:inline-block;
     margin-left:4px 
}
 .BottomTier .SocialIcons div a, .BottomTier2 .SocialIcons div a{
     color: #fff;
     height:100%;
     position:absolute;
     text-indent:-99999em;
     width:100% 
}
 .BottomTier2 .SocialIcon {
     width: 60px;
     height: 60px;
}
 .BottomTier2 .SocialIcons .Facebook {
     background-position:0 0;
}
 .BottomTier2 .SocialIcons .Twitter {
     background-position:-60px 0;
}
 .BottomTier2 .SocialIcons .LinkedIn {
     background-position:-120px 0;
}
 .BottomTier2 .SocialIcons .YouTube {
     background-position:-181px 0;
}
 @media (max-width: 767px) {
     .BottomTier2 .UOITLogo {
         text-align: center;
         margin: 0 20px 30px;
    }
     .BottomTier2 .ContactAndCopyright {
         margin-left: 20px;
    }
     .BottomTier2 .SocialIcons {
         text-align: center;
         margin-top: 50px;
    }
}
 @media (min-width: 768px) and (max-width: 979px) {
     .BottomTier2 .bottomFooterLeft [class*="span"] {
         float: none;
         display: block;
         width: 100%;
         margin-left: 0;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
    }
     .BottomTier2 .bottomFooterLeft .span3 {
         margin-bottom: 30px;
    }
}
 @media (max-width: 380px), (min-width: 768px) and (max-width: 979px) {
     .BottomTier2 .SocialIcon {
         background-size: 181px 45px;
    }
     .BottomTier2 .SocialIcon {
         width: 45px;
         height: 45px;
    }
     .BottomTier2 .SocialIcons .Facebook {
         background-position:0 0;
    }
     .BottomTier2 .SocialIcons .Twitter {
         background-position:-45px 0;
    }
     .BottomTier2 .SocialIcons .LinkedIn {
         background-position:-90px 0;
    }
     .BottomTier2 .SocialIcons .YouTube {
         background-position:-136px 0;
    }
}
 nav.FooterMenu {
     font-size:16px;
     margin:0;
     position:relative 
}
 nav.FooterMenu a:hover {
     background:#F9F9F9;
     text-decoration:none 
}
 nav.FooterMenu a {
     display:block;
     padding:3px 9px 
}
 .BottomTier .SocialIcons .Facebook {
     background-position:0 0;
     height:58px;
     width:58px 
}
 .BottomTier .SocialIcons .Facebook:hover {
     background-position:0 -64px;
     height:58px;
     width:58px 
}
 .BottomTier .SocialIcons .Twitter {
     background-position:0 -384px;
     height:58px;
     width:58px 
}
 .BottomTier .SocialIcons .Twitter:hover {
     background-position:0 -447px;
     height:58px;
     width:58px 
}
 .BottomTier .SocialIcons .YouTube {
     background-position:0 -768px;
     height:58px;
     width:58px 
}
 .BottomTier .SocialIcons .YouTube:hover {
     background-position:0 -831px;
     height:58px;
     width:58px 
}
 .ArticlesArea {
     height:300px;
     overflow:hidden;
     position:relative;
     width:100% 
}
 .newsSlider {
     height:310px;
     margin:auto;
     overflow:hidden;
     position:relative;
     width:100% 
}
 .newsSlider .slider {
     height:100%;
     margin:0 40px 
}
 .newsSlider .slider a.newsLink:link, .newsSlider .slider a.newsLink:visited, .newsSlider .slider a.newsLink:hover, .newsSlider .slider a.newsLink:active {
     height: 100%;
     position: absolute;
     width: 100%;
     text-indent: -99999em;
     z-index: 9000;
     top: 0;
     left: 0;
}
 .newsSlider .slider .newsItem {
     height:100%;
     margin:0 2px;
     width:300px;
     position:relative;
}
 .newsSlider .slider .newsItem .newsTitle {
     color:#333;
     font-weight:700;
     padding:10px;
     text-align:left 
}
 .newsSlider .slider .newsItem:hover {
     background:#EBEBEB 
}
 .newsSlider .slider .newsItem .newsImage {
     height:210px;
     overflow:hidden;
     width:100% 
}
 .newsSlider .next {
     background:#0077CA;
     height:100%;
     position:absolute;
     right:0;
     top:0;
     width:40px;
     display: block;
     z-index: 9001;
}
 .newsSlider .prev {
     background:#0077CA;
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:40px;
     display: block;
     z-index: 9001;
}
 .newsSlider .prev .newsPrevArrow, .newsSlider .next .newsNextArrow {
     height:44px;
     left:50%;
     margin-left:-11px;
     margin-top:-22px;
     position:absolute;
     top:50%;
     width:22px 
}
 .newsSlider .prev .newsPrevArrow {
     background-image:url(https://shared.uoit.ca/site-images/layout/sprites.png);
     background-repeat:no-repeat 
}
 .newsSlider .next .newsNextArrow {
     background-image:url(https://shared.uoit.ca/site-images/layout/sprites.png);
     background-position:-24px 0;
     background-repeat:no-repeat 
}
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, .sub-link, .EventsArea .AllEventsLinkBottom, .EventsArea .TwitterLinkBottom {
     display:block 
}
 .has-children .sub-link, .has-children .sub-link:hover {
     color:#fff 
}
 .mainBannerButtons .button.btn-selected, .mainBannerButtons .button:hover, .mainBanner .slider .item.banner-selected .image {
     filter:alpha(opacity:100);
     opacity:1 
}
 .EventsArea .Event:hover, .EventsArea .Tweet:hover, .MiddleThird .twitter_stream ul li:hover {
     background-color:#EBEBEB 
}
 .CalloutArea .CalloutImage.ExploreUOIT a:link, .CalloutArea .CalloutImage.ExploreUOIT a:visited, .CalloutArea .CalloutImage.ExploreUOIT a:hover, .CalloutArea .CalloutImage.ExploreUOIT a:active {
     text-indent:-999999px;
}
 .CalloutArea .CalloutImage .Link2 a {
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
     color: #111;
     border:none;
     display:block;
     outline:none;
     position:relative;
     z-index:1;
     text-indent: -10px !important;
}
 .CalloutArea .CalloutImage .Link2 a span {
     color: #00599B;
}
 .CalloutArea .CalloutImage .Link2 a:hover span {
     color: #fff;
}
/****************************************** FIND A PROGRAM ******************************************/
 #findProgramFilterContainer {
     background: #f1f1f1;
     clear: both;
}
 #findProgramFilter {
     max-width: 370px;
     padding: 20px;
     margin: 0 auto;
}
 #findProgramFilter select {
     font-size: .85em;
     line-height: normal;
     background: #fff;
/*     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     text-indent: 0.01px;
     text-overflow: '';*/
     width: 250px;
     padding: 5px;
     /*padding: 5px 30px 5px 5px;*/
     margin: 5px 0;
     border: 1px solid #003C71;
     border-radius: 5px;
     display: inline-block;
}
/*
 #findProgramFilter select::-ms-expand {
     display: none;
}
 #findProgramFilter span {
     position: relative;
}
 #findProgramFilter span:after {
     font-size: 1.25em;
     line-height: 1em;
     color: #cfd1d3;
     border-left: 1px solid #eee;
     padding-left: 5px;
     position: absolute;
     top: -1px;
     right: 8px;
     content: '\25BE';
     pointer-events: none;
}
*/
 #findProgramFilter select:disabled, #findProgramFilter button:disabled {
     opacity: .4;
}
 #findProgramFilter select:enabled, #findProgramFilter button:enabled {
     -webkit-transition: all ease .4s;
     -moz-transition: all ease .4s;
     -ms-transition: all ease .4s;
     -o-transition: all ease .4s;
     transition: all ease .4s;
}
 #findProgramFilter #findButton {
     font-size: .85em;
     color: #fff;
     background: #0077CA;
     width: 100px;
     padding: 5px;
     border: 1px solid #003C71;
     border-radius: 5px;
}
 .content #findProgramFilter #findButton {
     margin-left: 10px;
}
 @media (max-width: 460px) {
     .content #findProgramFilter select {
         width: 100%;
    }
     .content #findProgramFilter #findButton {
         margin-left: 0;
         margin-top: 5px;
         width: 100%;
    }
}
 #findProgramFilter #programFilter, #findProgramFilter #findButton {
     display: inline-block;
}
 #findProgramFilter #findButton:enabled:hover {
     background: #003C71;
     cursor: hand;
     -webkit-transition: all ease .2s;
     -moz-transition: all ease .2s;
     -ms-transition: all ease .2s;
     -o-transition: all ease .2s;
     transition: all ease .2s;
}
 #findProgramTitle {
     color: #fff;
     background: #003c71;
     padding: .5em;
     margin: 0;
}

/****************************************** FIND AN APPLICANT ******************************************/

#findApplicantFilter {
    max-width: 370px;
	padding: 20px;
	margin: 0 auto;
}

#findApplicantFilter select {
	font-size: .85em;
	line-height: normal;
	background: #fff;
	width: 100%;
	padding: 5px;
	/* padding: 5px 30px 5px 5px; */
	margin: 5px 0;
	border: 1px solid #003C71;
	border-radius: 5px;
	display: inline-block;
}

#findApplicantFilter #findApplicantButton {
	font-size: .85em;
	color: #fff;
	background: #0077CA;
	width: 100px;
	padding: 5px;
	border: 1px solid #003C71;
	border-radius: 5px;
}

#findApplicantFilter button:disabled {
	opacity: .4;
}

#findApplicantFilter #findApplicantButton:enabled:hover {
     background: #003C71;
     cursor: hand;
     -webkit-transition: all ease .2s;
     -moz-transition: all ease .2s;
     -ms-transition: all ease .2s;
     -o-transition: all ease .2s;
     transition: all ease .2s;
}

@media (max-width: 768px) {

    #findApplicantFilter #findApplicantButton {
         margin-left: 0;
         margin-top: 5px;
         width: 100%;
    }
}

/* IN SIDEBAR / HOME PAGE COLUMNS */
 .span3 #findProgramFilterContainer {
     margin-right: 10px;
     margin-bottom: 20px;
}
 .span3 #findProgramFilter select, .EventsArea #findProgramFilter select {
     width: 100%;
}
 .span3 #findProgramFilter #findButton, .EventsArea #findProgramFilter #findButton {
     width: 100%;
     margin-top: 5px;
}
/* END: FIND A PROGRAM */
/* PROGRAMS TAB VIEW */
 ul#programsTab {
     list-style-type:none;
     border-bottom:0;
     margin:0 0 20px 0;
     padding:0;
}
 #programsTab > .active > a, #programsTab > .active > a:hover {
     color: #fff;
     background-color: #005A8C;
     border: 1px solid #ddd;
     border-bottom-color: transparent;
     cursor: default;
}
 #programsTab > li > a {
     padding-top: 8px;
     padding-bottom: 8px;
     line-height: 20px;
     border: 1px solid transparent;
     -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
     border-radius: 4px 4px 0 0;
     background: #efefef;
     font-size:12px;
}
 .programContentHolder {
     margin-bottom:2px;
     border-bottom:1px solid #efefef;
     clear:both;
     float: left;
     width:100%;
     background: #efefef;;
}
 .programContentTitle h3 {
     padding:0;
     margin:0;
}
 .programContentTitle {
     background: #efefef;
     padding: 2%;
}
 .programContentText {
     padding: 2%;
     background: #fff;
}
 .programContentTitle.w1 {
     width:28%;
     float:left;
}
 .programContentText.w1 {
     width:64%;
     float:left;
}
 .programPhoto {
     float:left;
     margin:10px;
}
/* END: PROGRAMS TAB VIEW */
/****************************************** UOIT-DC SITES ******************************************/
/* .uoit_dc_header {
     height: 120px;
}
 */
 @media (min-width: 980px) {
     .uoit_dc_header {
         height: 120px !important 
    }
}
 .footer_logo_uoit {
     width: auto;
     max-height: 91px;
}
 .footer_logo_dc {
     width: auto;
     max-height: 91px;
}
 @media (max-width: 480px) {
     .logo_wrapper_uoit, .logo_wrapper_dc {
         position: relative;
         height: 130px;
         width: 100%;
         text-align: center;
         z-index:100;
         margin-bottom: 30px;
    }
}
 @media (min-width: 479px) and (max-width: 767px) {
     .logo_wrapper_uoit, .logo_wrapper_dc {
         text-align:center;
         width: 100%;
         margin-bottom: 30px;
    }
}
/* @media (max-width: 979px) and (min-width: 768px) {
     .logo_wrapper_uoit {
         float: left;
         margin-bottom: 30px;
    }
     .logo_wrapper_dc {
         float: right;
         margin-bottom: 30px;
    }
}
 */
/* @media (max-width: 1024px) and (min-width: 980px) {
     .logo_wrapper_uoit {
         float: left;
         margin-right: 70px;
         margin-bottom: 30px;
    }
}
 */
 @media (min-width: 768px) and (max-width: 979px) {
     .logo_wrapper_uoit {
         width: 24%;
         margin-right: 70px;
         margin-bottom: 30px;
         float: left;
    }
     .logo_wrapper_dc {
         width: 24%;
         margin-bottom: 30px;
         float: left;
    }
}
 @media (min-width: 980px) {
     .logo_wrapper_uoit {
         width: 20%;
         margin-right: 70px;
         float: left;
    }
     .logo_wrapper_dc {
         width: 20%;
         float: left;
    }
}
 @media (max-width: 767px) {
     .BottomTier2 .UOITDCLogo {
         text-align: center;
         margin: 0 20px 30px;
    }
}
 @media (min-width: 768px) {
     .BottomTier2 .UOITDCLogo {
         margin-bottom: 30px;
    }
}
 @media (max-width: 1024px) {
     .BottomTier2 .UOITDCLogo {
         margin-top: 30px;
    }
}
/****************************************** PHONE ******************************************/
 @media (max-width: 480px) {
    /* Main nav, search, logo */
     .SiteHeader {
         margin-bottom:0px;
    }
     .device-load {
         display: none;
         visibility: hidden;
    }
     .level-2 {
         display: none!IMPORTANT;
         visibility: hidden!IMPORTANT;
    }
     .main_header {
         position: relative;
        /*height: 580px;
         */
    }
     .logo_wrapper {
         position: relative;
         height: 130px;
         width: 100%;
         text-align: center;
         z-index:100;
    }
     .search_holder {
         position: relative;
         width: 100%;
         height:40px;
         margin:30px auto;
    }
     .top_nav {
         position: relative;
         width: 100%;
         height: 90px;
         margin: 30px 0;
         clear: both;
    }
     .main_nav {
         position: relative;
         width: 100%;
         height: 190px;
    }
     .top_social_icons_holder {
         position: relative;
         right: 0;
         width: 100%;
         height:34px;
         margin:20px 0px;
    }
     .top_social_connect_text {
         float: left;
         font-size: 18px;
         margin-top: 3px;
         margin-right: 10px;
    }
     .main_nav .level-1 .main_nav_parent a {
         display: block;
    }
    /* Back to top button */
     #backToTop {
         display: none !important;
    }
    /******************** TOP NAV STYLES ********************/
     .top_border {
    }
    /* Form styles */
     .search_holder form {
         float: left;
         margin-right: 8px;
    }
     .search_holder input[type=search] {
         width: 230px;
    }
    /* TOP NAV LINKS */
     .sf-menu li {
         float: left;
         position: relative;
         width: 49.1%;
    }
    /* MAIN NAV LINKS */
     .level-1 {
         width: 100%;
         display: block;
         text-align: center;
         background: #EFEFEF;
         padding: 4px!IMPORTANT;
         margin-bottom: 4px;
    }
     .level-1 + .level-1 {
         margin-left: 0!IMPORTANT;
         padding: 2px;
    }
    /* Home banner */
    /* full width */
     .banner_fix {
         width: 100%!important;
        /*height:460px;
         */
         overflow:hidden;
    }
     .carousel_wrapper {
         margin: 10px 0;
    }
     .mainBanner {
         position: relative;
         overflow: hidden;
         width: 100%;
         height:100%!important;
    }
     .mainBanner .slider {
         position: relative;
         width: 100%;
    }
     .mainBanner .slider .item {
         position: relative;
         width: 100%;
         margin: 0 0px 10px 0;
    }
     .mainBanner .slider .item .image {
         width: 100%;
        /*height: 130px;
         */
         margin: 0 auto;
    }
     .mainBanner .slider .item .text {
         position: relative;
         top: 8px;
         right: 0;
         left: 0;
         padding:0;
         background-color: #EFEFEF;
         color: black;
         font-size: .8em;
         height: 200px;
         margin-bottom: 16px;
         width: 100%!important;
    }
     .iphoneUI .mainBanner .slider .item .text {
         display: none;
    }
     .iphoneUI .mainBanner .slider .item .text .bg {
         display: none;
    }
     .mainBanner .slider .item .title {
         position: relative;
         padding:10px;
         text-indent: 0px;
    }
     .mainBanner .slider .item .title span {
         color: #000;
         font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .desc {
         position: relative;
         margin:0;
         padding:0 10px 10px 10px;
    }
     .mainBanner .slider .item .desc span {
         color: #000;
         font: normal 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .button {
         padding: 0 10px 0 10px;
         margin: 18px 0 0 0;
         background: #fff;
         border: 1px solid black;
         cursor: pointer;
         float: right;
    }
     .mainBanner .slider .item .button span {
         color: #000;
         font: normal 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .image {
         width: 100%;
         height: 100%;
    }
     .mainBannerButtons {
         position:relative;
         margin: 0;
         width: 100%;
    }
     .mainBannerButtons .button {
         float: left;
         margin: 0 0 0 0px;
         opacity: 1;
         filter: alpha(opacity:100);
    }
     .mainBannerButtons .button:hover {
         filter: alpha(opacity:100);
         opacity: 1;
    }
     .mainBannerButtons .button .border {
         border: 5px solid black;
         opacity: 1;
         width: 70px;
         height: 35px;
         filter: alpha(opacity:100);
    }
    /* NEXT/PREV Button styles */
     .mainPrev {
         display: none;
    }
     .mainNext {
         display: none;
    }
    /* Breadcrumbs */
     .BreadcrumbNavigation {
         margin-bottom: 10px;
         margin-top: 10px;
    }
    /* Page title */
     .content_old_browser .Title {
         margin: 20px 0;
    }
    /******************** EXPLORE APPLY STYLES ********************/
     .explore_wrapper * {
         position: relative;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:link, .CalloutArea .CalloutImage.ExploreUOIT a:visited, .CalloutArea .CalloutImage.ExploreUOIT a:hover, .CalloutArea .CalloutImage.ExploreUOIT a:active {
         width: 100%;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480.gif') -10px center no-repeat;
         margin: 10px auto;
         background-size: 100%;
         text-indent:-999999px;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hover.gif');
    }
     .CalloutArea .CalloutImage.NowApply a:link, .CalloutArea .CalloutImage.NowApply a:visited, .CalloutArea .CalloutImage.NowApply a:hover, .CalloutArea .CalloutImage.NowApply a:active {
         width: 100%;
         margin: 10px auto;
         height: 88px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480.gif') -10px center no-repeat;
         background-size: 100%;
    }
     .CalloutArea .CalloutImage.NowApply a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480_hover.gif');
         background-size: 100%;
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:link, .CalloutArea .CalloutImage.ExploreUOIT2 a:visited, .CalloutArea .CalloutImage.ExploreUOIT2 a:hover, .CalloutArea .CalloutImage.ExploreUOIT2 a:active {
         width: 100%;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') -10px center no-repeat;
         margin: 10px auto;
         background-size: 100%;
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage.NowApply2 a:link, .CalloutArea .CalloutImage.NowApply2 a:visited, .CalloutArea .CalloutImage.NowApply2 a:hover, .CalloutArea .CalloutImage.NowApply2 a:active {
         width: 100%;
         margin: 10px auto;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') -10px center no-repeat;
         background-size: 100%;
    }
     .CalloutArea .CalloutImage.NowApply2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         background-size: 100%;
         text-decoration:none;
    }
     .CalloutArea .CalloutImage .Link2 a {
         font-size: 1.75em;
        /* 36px */
         line-height: 86px;
    }
    /* Middle content */
     .EventsArea {
         margin-top: 0px;
         margin-bottom: 40px;
    }
     .EventsArea .EventsList, .EventsArea .home-fac-right-column, .EventsArea .NewsList {
         border-bottom: 0 !important;
    }
     .MiddleFirst, .MiddleSecond, .MiddleThird {
         margin-top: 40px;
         padding-top: 20px;
         border-top: 1px solid #DFDFDF;
    }
    /* Footer */
     .SiteFooter .TopRow .footer-5column1 {
         display: block;
         margin: 0px auto;
         padding: 2%;
         width: 44.8%;
         position: relative;
         float: left;
    }
     .SiteFooter .TopTier h2 {
         margin: 8px 9px 12px 0px;
         font-size: 110%;
    }
     .SiteFooter a {
         color: black;
         font-size: 100%;
    }
     .SiteFooter .BottomTier {
         margin-bottom: 0px;
         background-color: #025898;
         color: white;
         height: 350px;
         padding: 40px 0;
    }
     .SiteFooter .BottomTier2 {
         margin-bottom: 0px;
         background-color: #003C71;
         color: white;
         padding: 40px 0;
    }
     .SiteFooter .BottomTier .UOITLogo {
         position: relative ;
         margin: 20px auto;
         text-align: center;
         height: 100px;
         width: 80%;
    }
     .SiteFooter .BottomTier .SocialIcons {
         position: relative;
         width: 196px;
         margin: 0 auto;
    }
     .SiteFooter .BottomTier .ContactAndCopyright {
         position: relative;
         margin-botom:20px;
         padding: 0 20px;
         font-size:14px;
         height:150px;
    }
    /* News home page */
     .ArticlesArea {
         width: 100%;
    }
     .newsSlider {
         width: 100%;
    }
     .newsSlider .slider {
         margin:0;
    }
     .newsSlider .slider .newsItem {
         width: 100%;
         height: 100%;
         margin:0px;
    }
     .newsSlider .next {
         height: 40%;
    }
     .newsSlider .prev {
         height: 40%;
    }
     .newsSlider .slider .newsItem .newsImage {
         width:100%;
         overflow:hidden;
    }
     ul#main-single-nav {
         width:100%;
         clear:both;
    }
     .main-single-menu li.single-first-child {
         display: block;
         text-align: center;
         background: #EFEFEF;
         padding: 4px!IMPORTANT;
         margin-bottom: 4px;
         width: 100%;
    }
     .main-single-menu li.single-first-child a:link, .main-single-menu li.single-first-child a:visited {
         width: 100%;
         background-image:none;
    }
     .main-single-menu li.single-first-child a:hover{
         background: #00477C;
         color: white;
         text-decoration: none;
         background-image:none;
    }
     .main-multi-nav {
         width: 100%;
    }
}
/* end PHONE */
/****************************************** LRG PHONE TABLET ******************************************/
 @media (max-width: 767px) and (min-width: 479px) {
    /* Main nav, search, logo */
     ul#main-single-nav {
         width:100%;
         clear:both;
    }
     .main-single-menu li.single-first-child {
         display: block;
         text-align: center;
         background: #EFEFEF;
         padding: 4px!IMPORTANT;
         margin-bottom: 4px;
         width: 100%;
    }
     .main-single-menu li.single-first-child a:link, .main-single-menu li.single-first-child a:visited {
         width: 100%;
         background-image:none;
    }
     .main-single-menu li.single-first-child a:hover{
         background: #00477C;
         color: white;
         text-decoration: none;
         background-image:none;
    }
     .device-load {
         display: none;
         visibility: hidden;
    }
     .main-multi-nav {
         width: 100%;
         margin-top:20px;
    }
     .level-1 {
         display: block;
         text-align: center;
         background: #EFEFEF;
         padding: 4px!IMPORTANT;
         margin-bottom: 4px;
         width:100%;
    }
     .level-1 + .level-1 {
         margin-left:0;
    }
     .level-2 {
         display: none!IMPORTANT;
         visibility: hidden!IMPORTANT;
    }
     .main_header {
         position: relative;
         margin-bottom:20px;
    }
     .logo_wrapper {
         position: relative;
         top: 0;
         left: 0;
         height: 130px;
         width: 100%;
         text-align:center;
         z-index:100;
    }
     .search_holder {
         position: relative;
         width: 360px;
         margin:20px auto;
         height: 40px;
    }
     .top_nav {
         position: relative;
         width: 100%;
         clear: both;
    }
     .main_nav {
         position: relative;
         border-bottom: 1px solid #DBDCDC;
         height: 3px;
         margin:20px 0;
         height:190px 
    }
     .top_social_icons_holder {
         position: relative;
         margin: 20px 0 0 0;
    }
     .top_social_connect_text {
         float: left;
         font-size: 34px;
         margin-top: 3px;
         margin-right: 20px;
    }
    /******************** TOP NAV STYLES ********************/
     .top_border {
         position:relative;
    }
    /* Form styles */
     .search_holder form {
    }
     .search_holder input[type=search] {
         width: 240px;
    }
    /* Home banner */
     .banner_fix {
         width:100%!important;
    }
     .carousel_wrapper {
         margin: 20px 0 0 0;
    }
     .mainBanner {
         position: relative;
         top: 0;
         left: 0;
         overflow: hidden;
         width: 100%;
         height: 100%!important;
    }
     .mainBanner .slider {
         position: relative;
         height: 100%;
         width: 100%;
         margin-bottom: 20px;
    }
     .mainBanner .slider .item {
         position: relative;
    }
     .mainBanner .slider .item .image {
         position:relative;
         width: 100%;
         margin: 0 auto;
    }
     .mainBanner .slider .item .text {
         position: relative;
         margin: 8px 0 0 0;
         padding: 0%;
         background-color: #EFEFEF;
         color: black;
         font-size: .8em;
         height: 190px;
         width:100%!important;
    }
     .iphoneUI .mainBanner .slider .item .text {
         display: none;
    }
     .iphoneUI .mainBanner .slider .item .text .bg {
         display: none;
    }
     .mainBanner .slider .item .title {
         position: relative;
         text-indent: 0;
         padding: 10px;
    }
     .mainBanner .slider .item .title span {
         color: #000;
         font: bold 30px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .desc {
         position: relative;
         padding: 10px;
    }
     .mainBanner .slider .item .desc span {
         color: #000;
         font: normal 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .button {
         padding: 0 10px 0 10px;
         margin: 18px 0 0 0;
         background: #fff;
         border: 1px solid black;
         cursor: pointer;
         float: right;
    }
     .mainBanner .slider .item .button span {
         color: #000;
         font: normal 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
         text-shadow: 0 1px 1px #fff;
    }
     .mainBanner .slider .image {
         width: 100%;
         height: 100%;
    }
     .mainBannerButtons {
         margin: 0 0 20px 0;
         width: 100%;
         position: relative;
    }
     .mainBannerButtons .button {
         float: left;
         margin: 0 0 4px 4px;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainBannerButtons .button:hover {
         filter: alpha(opacity:100);
         opacity: 1;
    }
     .mainBannerButtons .button .border {
         border: 5px solid black;
         opacity: 1;
         width: 90px;
         height: 44px;
         filter: alpha(opacity:100);
    }
    /* NEXT/PREV Button styles */
     .mainPrev {
         position: absolute;
         top: 46%;
         left: 3%;
    }
     .mainNext {
         position: absolute;
         top: 46%;
         right: 3%;
    }
    /* Breadcrumbs */
     .BreadcrumbNavigation {
         margin-bottom: 10px;
         margin-top: 10px;
    }
    /* Page title */
     .content_old_browser .Title {
         margin: 20px 0;
    }
    /* Back to top button */
     #backToTop {
         display: none !important;
    }
    /******************** EXPLORE APPLY STYLES ********************/
     .explore_wrapper * {
         position: relative;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:link, .CalloutArea .CalloutImage.ExploreUOIT a:visited, .CalloutArea .CalloutImage.ExploreUOIT a:hover, .CalloutArea .CalloutImage.ExploreUOIT a:active {
         width: 100%;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480.gif') center center no-repeat;
         margin: 10px auto;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hover.gif');
    }
     .CalloutArea .CalloutImage.NowApply, .CalloutArea .CalloutImage.NowApply a {
         width: 100%;
         margin: 10px auto;
         height: 88px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480.gif') center center no-repeat;
    }
     .CalloutArea .CalloutImage.NowApply, .CalloutArea .CalloutImage.NowApply a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480_hover.gif');
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:link, .CalloutArea .CalloutImage.ExploreUOIT2 a:visited, .CalloutArea .CalloutImage.ExploreUOIT2 a:hover, .CalloutArea .CalloutImage.ExploreUOIT2 a:active {
         width: 100%;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') center center no-repeat;
         margin: 10px auto;
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage.NowApply2 a {
         width: 100%;
         margin: 10px auto;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') center center no-repeat;
    }
     .CalloutArea .CalloutImage.NowApply2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         background-size: 100%;
         text-decoration: none;
    }
     .CalloutArea .CalloutImage .Link2 a {
         font-size: 2.250em;
        /* 36px */
         line-height: 83px;
    }
    /* Middle Columns */
     .EventsArea .EventsList, .EventsArea .home-fac-right-column, .EventsArea .NewsList {
         border-bottom: 0 !important;
    }
     .MiddleSecond, .MiddleThird {
         margin-top: 40px;
         padding-top: 20px;
         border-top: 1px solid #DFDFDF;
    }
    /* Footer */
     .SiteFooter .footer-5column1 {
         display: block;
         margin: 0px;
         padding-left: 9px;
         width: 48%;
         height: 220px;
         float: left;
         border-left: 1px solid #CCCBCB;
    }
    .SiteFooter .footer-5column1:nth-child(1) {
        border-left: 0;
    }
            
     .SiteFooter .TopTier h2 {
         margin: 8px 0px 12px;
         font-size: 130%;
    }
     .SiteFooter a {
         color: black;
         font-size: 106%;
    }
     .SiteFooter .BottomTier {
         margin-bottom: 0px;
         background-color: #025898;
         color: white;
         height: 350px;
         padding: 40px 0;
    }
     .SiteFooter .BottomTier2 {
         margin-bottom: 0px;
         background-color: #003C71;
         color: white;
         padding: 40px 0;
    }
     .SiteFooter .BottomTier .UOITLogo {
         position: absolute;
         top: 0;
         left: 50%;
         right: 0;
         text-align: center;
         height: 60px;
         width: 44%;
         margin: 0 0 0 -22%;
    }
     .SiteFooter .BottomTier .SocialIcons {
         position: relative;
         top: 270px;
         width: 196px;
         margin: auto;
         padding-top: 20px;
    }
     .SiteFooter .BottomTier .ContactAndCopyright {
         position: absolute;
         top: 130px;
         padding: 0 20px;
         font-size:14px;
    }
}
/* end LRG PHONE TABLET */
/****************************************** LRG PHONE TABLET LANDSCAPE ******************************************/
 @media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
     .MiddleFirst, .MiddleSecond, .MiddleThird {
         width: 30%;
         float: left;
         padding: 10px 1.5%;
    }
}
/****************************************** SML DESKTOP LRG TABLET ******************************************/
 @media (max-width: 1024px) and (min-width: 768px) {
    /* Main nav, search, logo */
     .main_header {
    }
     .logo_wrapper {
         margin-bottom: 30px;
    }
     .search_holder {
         position: absolute;
         width: 46%;
         height: 25%;
         right: 0;
         top: 10%;
    }
     .top_nav {
         display:block;
         margin:10px 0;
    }
     .main_nav {
         display:block;
         clear: both;
    }
     .top_social_icons_holder {
         display:block;
         float:right;
         margin:10px 0;
    }
    /******************** TOP NAV STYLES ********************/
     .top_border {
         display:none;
    }
    /* Form styles */
     .search_holder form {
         float: left;
         margin-right: 8px;
         margin-bottom: 0;
    }
     .search_holder input[type=search] {
         width: 150px;
    }
    /* Bootstrap Fix */
     .row {
         margin: 1px;
    }
    /* Home banner */
     .carousel_wrapper {
         margin: 20px 0 0 0;
    }
     .mainBanner {
         position: relative;
         top: 0;
         left: 0;
         overflow: hidden;
         width: 100%;
         height: 100%!important;
    }
     .mainBanner .slider {
         position: relative;
         height: 100%;
         width: 100%;
         margin-bottom: 20px;
    }
     .mainBanner .slider .item {
         position: relative;
    }
     .mainBanner .slider .item .image {
         position:relative;
         width: 100%;
         margin: 0 auto;
    }
     .mainBanner .slider .item .text {
         position: relative;
         margin: 8px 0 0 0;
         padding: 0%;
         background-color: #EFEFEF;
         color: black;
         font-size: .8em;
         height: 190px;
         width:100%!important;
    }
     .iphoneUI .mainBanner .slider .item .text {
         display: none;
    }
     .iphoneUI .mainBanner .slider .item .text .bg {
         display: none;
    }
     .mainBanner .slider .item .title {
         position: relative;
         text-indent: 0;
         padding: 20px;
    }
     .mainBanner .slider .item .title span {
         color: #000;
         font:bold 30px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .desc {
         position: relative;
         padding: 0 20px;
    }
     .mainBanner .slider .item .desc span {
         color: #000;
         font: normal 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .button {
         padding: 0 10px 0 10px;
         margin: 18px 0 0 0;
         background: #fff;
         border: 1px solid black;
         cursor: pointer;
         float: right;
    }
     .mainBanner .slider .item .button span {
         color: #000;
         font: normal 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
         text-shadow: 0 1px 1px #fff;
    }
     .mainBanner .slider .image {
         width: 100%;
         height: 100%;
    }
     .mainBannerButtons {
         margin: 0 10px 20px;
         position: relative;
    }
     .mainBannerButtons .button {
         float: left;
         margin: 0 0 0 4px;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainBannerButtons .button:hover {
         filter: alpha(opacity:100);
         opacity: 1;
    }
     .mainBannerButtons .button .border {
         border: 5px solid black;
         opacity: 1;
         width: 90px;
         height: 44px;
         filter: alpha(opacity:100);
    }
    /* NEXT/PREV Button styles */
     .mainPrev {
         position: absolute;
         top: 26%;
         left: 3%;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainNext {
         position: absolute;
         top: 26%;
         right: 3%;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainPrev:hover {
         opacity: 0.8;
         filter: alpha(opacity:80);
    }
     .mainNext:hover {
         opacity: 0.8;
         filter: alpha(opacity:80);
    }
     .mainPrev div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         left: 12px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: 3px 0px;
         display: block;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
    }
     .mainNext div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         right: 12px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: -24px 0px;
         display: block;
    }
    /* EDIT BOOTSTRAP FRAMEWORK */
     .span6 {
         width: 100%;
    }
     .EventsArea h2 {
         font-size: 180%;
    }
     .EventsArea .Event {
         margin-bottom: 14px;
    }
     .EventsArea .Event {
         position: relative;
         padding: 4px 3px;
    }
    /******************** EXPLORE APPLY STYLES ********************/
     .explore_wrapper * {
         position: relative;
    }
     .CalloutArea .CalloutImage.ExploreUOIT, .CalloutArea .CalloutImage.ExploreUOIT a {
         width: 480px;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480.gif') center center no-repeat;
         margin: 10px auto;
    }
     .CalloutArea .CalloutImage.ExploreUOIT, .CalloutArea .CalloutImage.ExploreUOIT a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hover.gif');
    }
     .CalloutArea .CalloutImage.NowApply, .CalloutArea .CalloutImage.NowApply a {
         width: 480px;
         margin: 10px auto;
         height: 88px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480.gif') center center no-repeat;
    }
     .CalloutArea .CalloutImage.NowApply, .CalloutArea .CalloutImage.NowApply a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_480_hover.gif');
    }
     .CalloutArea .CalloutImage.ExploreUOIT2, .CalloutArea .CalloutImage.ExploreUOIT2 a {
         width: 480px;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') center center no-repeat;
         margin: 10px auto;
    }
     .CalloutArea .CalloutImage.ExploreUOIT2, .CalloutArea .CalloutImage.ExploreUOIT2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage.NowApply2 a {
         width: 480px;
         margin: 10px auto;
         height: 86px;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480b.gif') center center no-repeat;
    }
     .CalloutArea .CalloutImage.NowApply2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_480_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage .Link2 a {
         font-size: 36px;
         line-height: 83px;
    }
    /* Footer */
     .SiteFooter .footer-5column1 {
         display: block;
         margin: 0px;
         padding-left: 9px;
         width: 23%;
         height: 220px;
         float: left;
         border-left: 1px solid #CCCBCB;
    }
    .SiteFooter .footer-5column1:nth-child(1) {
        border-left: 0;
    }
     .SiteFooter .TopTier .TopRow > .footer-5column1:last-child {
         display: none;
         visibility: hidden;
    }
     .SiteFooter .TopTier h2 {
         margin: 8px 0px 12px;
         font-size: 100%;
    }
     .SiteFooter a {
         color: black;
         font-size: 94%;
    }
     .SiteFooter .BottomTier {
         padding: 40px 0px;
         height: 210px;
    }
     .SiteFooter .BottomTier .UOITLogo {
         position: absolute;
         top: 0;
         width: 35%;
    }
     .SiteFooter .BottomTier .SocialIcons {
         position: absolute;
         top: 16px;
         right: 0;
         width: 42%;
    }
     .SiteFooter .BottomTier .ContactAndCopyright {
         position: absolute;
         top: 130px;
         width: 100%;
         left: 0;
         font-size:14px;
    }
     [class*="span"] {
         float: left;
         min-height: 1px;
         margin-left: 0px;
    }
}
/* end SML DESKTOP LRG TABLET */
/****************************************** DESKTOP ******************************************/
 @media (min-width: 1025px) and (max-width: 1200px) {
     .main_header.span12 {
         margin-left: 0;
    }
}
 @media (min-width: 1025px){
    /* Main nav, search, logo */
     .main_header {
         position: relative;
         height: 140px;
    }
     .main_header.span12 {
         width: 988px !important;
    }
    /******************** LOGO STYLES ********************/
     .logo_wrapper {
         position: absolute;
         top: 1%;
         left: 0%;
         width: 24%;
         z-index:100;
    }
     .top_nav {
         position: absolute;
         left: 28.5%;
         top: 1%;
    }
     .main_nav {
         position: absolute;
         left: 28%;
         top: 52%;
         height: 50px;
    }
     .top_social_icons_holder {
         position: absolute;
         right: 0;
         top: 51%;
    }
    /******************** TOP NAV STYLES ********************/
     .top_border {
         border-bottom: 1px solid #DBDCDC;
         height: 3px;
         position: absolute;
         top: 38%;
         width: 71%;
         right: 0;
    }
     .search_holder {
         position: absolute;
         width: 18%;
         height: 50px;
         right: 0;
         top: 2%;
    }
    /******************** MAIN NAV STYLES ********************/
     nav.main_nav * {
         z-index: 50;
    }
     nav.main_nav .level-1-active {
         padding-bottom: 12px;
         color: #fff;
         background: url('https://shared.uoit.ca/site-images/layout/mainMenu_hover_notch_darker.gif') center 10px no-repeat;
         text-decoration: none;
    }
    /******************** SEARCH STYLES ********************/
     .search_holder input[type=search] {
         width: 100px;
         height: 30px;
         position: absolute;
         right: 26px;
         padding: 2px 5px 2px 4px;
         background: #DBDCDC;
         border: 0px;
         font-size: 17px;
         color: #555;
         letter-spacing: 0.15ex;
         margin-bottom: 0px;
         box-sizing: border-box !important;
    }
     .search_holder input[type=submit] {
         border: 0;
         position: absolute;
         right: 0;
         display: inline-block;
         height: 30px;
         box-sizing: border-box !important;
    }
     .search_holder button {
         margin-left: -40px;
         width: 40px;
         height: 20px;
         padding: 3px;
         font-size: 17px;
         position: relative;
    }
     .search_holder form {
         margin-bottom: 0px!IMPORTANT;
    }
     .Subtext {
         margin-top: 0px;
         font-size: 14px;
         letter-spacing: 0.05ex;
         clear: both;
         position: absolute;
         bottom: 0px;
         right: 0;
    }
    /* Breadcrumb */
     .BreadcrumbNavigation {
         margin-top: 20px;
    }
     .BreadcrumbNavigation ul a {
         color: black;
    }
     .BreadcrumbNavigation ul a:hover {
         color: #666;
    }
     .BreadcrumbNavigation ul {
         display: block;
         padding: 5px 5px 5px 10px;
         background: #F1F1F1;
         font-size: 12px;
    }
     .BreadcrumbNavigation li {
         display: inline;
    }
     .BreadcrumbNavigation li + li::before {
         display: inline;
         margin-right: 6px;
         content: '>';
    }
     .BreadcrumbNavigation li + li {
         margin-left: 6px;
    }
     .border-left {
         padding-left: 26px;
         margin-left: -20px;
         border-left: 1px solid #DFDFDF;
         padding-bottom:24px;
    }
    /* Home banner */
     .carousel_wrapper {
         margin: 0 auto;
         width: 982px;
         overflow: visible;
    }
     .mainBanner {
         position: relative;
         margin: 0 auto;
         overflow: visible!important;
         width: 100%;
         height: 420px;
    }
     .mainBanner .slider {
         width: 100%;
         height: 100%;
    }
     .mainBanner .slider .item {
         position: relative;
         width: 100%;
         height: 100%;
    }
     .mainBanner .slider .item .image {
         width: 100%;
         height: 100%;
         margin: 0 auto;
    }
     .mainBanner .slider .item img {
         width: 100%;
         height: 100% !important;
    }
     .mainBanner .slider .item .text {
         position: absolute;
         bottom: 20%;
         width: 381px;
         background-color: #fff;
         padding: 14px;
         min-height: 100px;
    }
     .mainBanner .slider .item .text.left {
         left: 8%;
    }
     .mainBanner .slider .item .text.right {
         right: 8%;
    }
     .mainBanner .slider .item .title {
         display: block;
         position: relative;
         width: 340px;
         padding: 0 20px 0 30px;
         background: #fff;
         font-size: 40px;
         line-height: 1.0em;
         z-index: 10;
         min-height: 90px;
    }
     .mainBanner .slider .item .desc {
         display: block;
         position: absolute;
         top: 0;
         right: 0px;
         padding: 0 10px 0 30px;
         margin: 20px 0;
         width: 340px;
         font-size: 18px;
         line-height: 1.3em;
         z-index: 5;
         border-left: 1px solid #D6D6D6;
         min-height: 60px;
    }
     .EdgeArrow {
         position: absolute;
         top: 26%;
         width: 30px;
         height: 60px;
    }
     .mainBanner .slider .item .text.right .EdgeArrow {
         left: -20px;
         background: url('https://shared.uoit.ca/site-images/carousel/carousel_caption_edgeArrowToLeft.png') center left no-repeat;
    }
     .mainBanner .slider .item .text.left .EdgeArrow {
         right: -20px;
         background: url('https://shared.uoit.ca/site-images/carousel/carousel_caption_edgeArrowToRight.png') center left no-repeat;
    }
     .iphoneUI .mainBanner .slider .item .text {
         display: none;
    }
     .iphoneUI .mainBanner .slider .item .text .bg {
         display: none;
    }
     .mainBanner .slider .item .title span {
         color: #555555;
         text-transform: uppercase;
         cursor: default;
         font:bold 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        /* font: bold 40px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
         */
         text-shadow: 0 -1px 1px #999999;
    }
     .mainBanner .slider .item .title span.highlight {
         color: #006993;
         background: url('https://shared.uoit.ca/site-images/carousel/home_carousel_caption_expandArrowToRight.gif') center right no-repeat;
         padding-right: 34px;
    }
     .mainBanner .slider .item .desc span {
         color: #000;
         font: normal 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .button {
         padding: 0 10px 0 10px;
         margin: 18px 0 0 0;
         background: #fff;
         border: 1px solid black;
         cursor: pointer;
         float: right;
    }
     .mainBanner .slider .item .button span {
         color: #000;
         font: normal 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
         text-shadow: 0 1px 1px #fff;
    }
     .mainBanner .slider .image {
         width: 100%;
         height: 100%;
    }
     .mainBannerButtons {
         margin: 0;
         position: absolute;
         height: 57px;
         bottom: 0;
    }
     .mainBannerButtons .button {
         float: left;
         margin: 0 0 0 4px;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainBannerButtons .button:hover {
         filter: alpha(opacity:100);
         opacity: 1;
    }
     .mainBannerButtons .button .border {
         border: 5px solid black;
         opacity: 1;
         width: 90px;
         height: 44px;
         filter: alpha(opacity:100);
    }
    /* NEXT/PREV Button styles */
     .mainPrev {
         position: absolute;
         top: 46%;
         left: 3%;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainNext {
         position: absolute;
         top: 46%;
         right: 3%;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainPrev:hover {
         opacity: 0.8;
         filter: alpha(opacity:80);
    }
     .mainNext:hover {
         opacity: 0.8;
         filter: alpha(opacity:80);
    }
     .mainPrev div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         left: 12px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: 3px 0px;
         display: block;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
    }
     .mainNext div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         right: 12px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: -24px 0px;
         display: block;
    }
    /* Home middle content */
     .MiddleFirst, .MiddleSecond, .MiddleThird {
         width: 29%;
         float: left;
         padding: 0px 2%;
    }
    /* HOME 2 COL LAYOUT */
     .MiddleTwoCol {
         width: 63%;
         float: left;
         padding: 0px 2%;
    }
     .MiddleTwoCol div {
         margin-bottom:20px;
    }
     .QuoteColumn {
        /*border-left: 1px solid #DFDFDF;
         border-right: 1px solid #DFDFDF;
         */
    }
     .EventsArea .Quote {
         margin: 8px auto 0px auto;
         width: 90%;
    }
     .EventsArea .Quote blockquote {
         margin: 0px;
         padding: 0px;
         border-left: 0px;
         color: #313131;
         position: relative;
         left: 1ex;
         font-size: 18px;
         text-indent: -1ex;
    }
     .Home .EventsArea .Quote cite {
         color: #66C1E5;
    }
     .EventsArea .Quote cite {
         display: block;
         position: relative;
         margin: 8px 0px 0px 40%;
         font-size: 13px;
    }
     .EventsArea h2 {
         font-size: 180%;
    }
    /******************** EXPLORE APPLY STYLES ********************/
     .explore_wrapper * {
         position: relative;
    }
     .explore_wrapper {
         margin-top:28px;
         text-indent: -999999px;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:link, .CalloutArea .CalloutImage.ExploreUOIT a:visited, .CalloutArea .CalloutImage.ExploreUOIT a:hover, .CalloutArea .CalloutImage.ExploreUOIT a:active {
         width: 408px;
         height: 120px;
         float: right;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920.gif') top left no-repeat;
         overflow: hidden;
         text-indent:-99999px;
    }
     .CalloutArea .CalloutImage.ExploreUOIT a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920_hover.gif');
    }
     .CalloutArea .CalloutImage.NowApply a:link, .CalloutArea .CalloutImage.NowApply a:visited, .CalloutArea .CalloutImage.NowApply a:hover, .CalloutArea .CalloutImage.NowApply a:active {
         width: 364px;
         height: 120px;
         float: left;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_1920.gif') top left no-repeat;
         overflow: hidden;
         text-indent:-99999px;
    }
     .CalloutArea .CalloutImage.NowApply a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_nowApply_1920_hover.gif');
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:link, .CalloutArea .CalloutImage.ExploreUOIT2 a:visited, .CalloutArea .CalloutImage.ExploreUOIT2 a:hover, .CalloutArea .CalloutImage.ExploreUOIT2 a:active {
         width: 408px;
         height: 120px;
         float: right;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920b.gif') top left no-repeat;
         overflow: hidden;
    }
     .CalloutArea .CalloutImage.ExploreUOIT2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage.NowApply2 a:link, .CalloutArea .CalloutImage.NowApply2 a:visited, .CalloutArea .CalloutImage.NowApply2 a:hover, .CalloutArea .CalloutImage.NowApply2 a:active {
         width: 408px;
         height: 120px;
         float: left;
         background: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920b.gif') top left no-repeat;
         overflow: hidden;
    }
     .CalloutArea .CalloutImage.NowApply2 a:hover {
         background-image: url('https://shared.uoit.ca/site-images/layout/callout_text_exploreUOIT_1920_hoverb.gif');
         text-decoration: none;
    }
     .CalloutArea .CalloutImage .Link a {
         position: relative;
         z-index: 1;
    }
     .CalloutArea .CalloutImage .Link2 a {
         font-size: 40px;
         line-height: 115px;
    }
    /* Footer */
     .SiteFooter .footer-5column1 {
         display: block;
         margin: 0px;
         width: 18.92%;
         height: 220px;
         float: left;
         border-left: 1px solid #CCCBCB;
    }
    .SiteFooter .footer-5column1:nth-child(1) {
        border-left: 0;
    }
     .SiteFooter .TopTier h2 {
         margin: 8px 0px 12px 9px;
    }
     .SiteFooter a {
         color: black;
         font-size: 90%;
    }
     .BottomTier .UOITLogo {
         position: absolute;
         top: 0;
         left: 0%;
         width:25%;
    }
     .BottomTier .ContactAndCopyright {
         position: absolute;
         top: 0%;
         left: 30%;
         width: 38%;
         font-size:14px;
    }
     .BottomTier2 .ContactAndCopyright {
         font-size: 14px;
    }
     .BottomTier .SocialIcons {
         position: absolute;
         top: 0%;
         right: 0%;
         width: 28%;
    }
}
/* end DESKTOP min width 1025px */
/****************************************** DESKTOP ******************************************/
 @media (min-width: 1199px) {
    /* Search */
     .search_holder input[type=search] {
         width:140px;
    }
}
/* end DESKTOP min width 1199px */
/****************************************** LARGE DESKTOP ******************************************/
 @media (min-width: 1251px) {
    /* Home banner */
     .banner_fix {
         width:100%;
         overflow:hidden;
    }
    /* full width */
     .carousel_wrapper {
         margin: 0 auto;
         width: 1024px !important;
         overflow: visible;
         height: 410px !important;
    }
     .mainBanner {
         position: relative;
         margin: 0 auto;
         overflow: visible!important;
         width: 100% !important;
         height: 410px !important;
    }
     .mainBanner .slider {
         width: 100%;
         height: 100%;
    }
     .mainBanner .slider .item {
         position: relative;
         width: 100%;
         height: 100%;
    }
     .mainBanner .slider .item .image {
         width: 100%;
         height: 100%;
         margin: 0 auto;
    }
     .mainBanner .slider .item img {
         width: 100%;
         height: 100% !important;
    }
     .mainBanner .slider .item .text {
         position: absolute;
         bottom: 20%;
         width: 381px;
         background-color: #fff;
         padding: 14px;
         min-height: 100px;
    }
     .mainBanner .slider .item .text.left {
         left: 8%;
    }
     .mainBanner .slider .item .text.right {
         right: 8%;
    }
     .mainBanner .slider .item .title {
         display: block;
         position: relative;
         width: 340px;
         padding: 0 20px 0 30px;
         background: #fff;
         line-height: 1.1em;
         z-index: 10;
         font:bold 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        /* font: bold 40px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
         */
         min-height: 100px;
    }
     .mainBanner .slider .item .desc {
         display: block;
         position: absolute;
         top: 0;
         right: 0px;
         padding: 0 10px 0 30px;
         margin: 20px 0;
         width: 340px;
         font-size: 18px;
         min-height: 60px;
         line-height: 1.3em;
         z-index: 5;
         border-left: 1px solid #D6D6D6;
    }
     .mainBanner .slider .item .EdgeArrow {
         position: absolute;
         top: 26%;
         width: 30px;
         height: 60px;
    }
     .mainBanner .slider .item .text.right .EdgeArrow {
         left: -20px;
         background: url('https://shared.uoit.ca/site-images/carousel/carousel_caption_edgeArrowToLeft.png') center left no-repeat;
    }
     .mainBanner .slider .item .text.left .EdgeArrow {
         right: -20px;
         background: url('https://shared.uoit.ca/site-images/carousel/carousel_caption_edgeArrowToRight.png') center left no-repeat;
    }
     .iphoneUI .mainBanner .slider .item .text {
         display: none;
    }
     .iphoneUI .mainBanner .slider .item .text .bg {
         display: none;
    }
     .mainBanner .slider .item .title span {
         color: #555555;
         text-transform: uppercase;
         cursor: default;
         font:bold 25px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        /* font: bold 40px/40px "Helvetica Neue", Helvetica, Arial, sans-serif;
         */
         text-shadow: 0 -1px 1px #999999;
    }
     .mainBanner .slider .item .title span.highlight {
         color: #006993;
         background: url('https://shared.uoit.ca/site-images/carousel/home_carousel_caption_expandArrowToRight.gif') center right no-repeat;
         padding-right: 34px;
    }
     .mainBanner .slider .item .desc span {
         color: #000;
         font: normal 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .mainBanner .slider .item .desc span a {
         color: #006699;
    }
     .mainBanner .slider .item .desc span a:hover {
         color: #0082d1;
    }
     .mainBanner .slider .item .button {
         padding: 0 10px 0 10px;
         margin: 18px 0 0 0;
         background: #fff;
         border: 1px solid black;
         cursor: pointer;
         float: right;
    }
     .mainBanner .slider .item .button span {
         color: #000;
         font: normal 14px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
         text-shadow: 0 1px 1px #fff;
    }
     .mainBanner .slider .image {
         width: 100%;
         height: 100%;
    }
     .mainBannerButtons {
         margin: 0;
         position: absolute;
         height: 35px;
         bottom: 0px;
         right: 0%;
         margin-right: 0px;
         padding: 6px;
         background: white;
    }
     .mainBannerButtons .button {
         float: left;
         margin: 0 0 0 4px;
         opacity: 0.5;
         padding: 4px 1px;
         filter: alpha(opacity:50);
    }
     .mainBannerButtons .button:hover {
         filter: alpha(opacity:100);
         opacity: 1;
    }
     .mainBannerButtons .button .border {
         opacity: 1;
         width: 71px;
         height: 35px;
         filter: alpha(opacity:100);
         border: none;
    }
    /* NEXT/PREV Button styles */
     .mainPrev {
         position: absolute;
         top: 46%;
         left: 0;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainNext {
         position: absolute;
         top: 46%;
         right: 0;
         height: 50px;
         width: 50px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background: #999;
         opacity: 0.5;
         filter: alpha(opacity:50);
    }
     .mainPrev:hover {
         opacity: 0.9;
         filter: alpha(opacity:90);
    }
     .mainNext:hover {
         opacity: 0.9;
         filter: alpha(opacity:90);
    }
     .mainPrev div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         left: 13px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: 3px 0px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         display: block;
    }
     .mainNext div {
         width: 22px;
         height: 44px;
         position: absolute;
         top: 2px;
         right: 13px;
         -moz-border-radius: 12px;
         border-radius: 12px;
         -webkit-border-radius: 12px;
         background-image: url('https://shared.uoit.ca/site-images/layout/sprites.png');
         background-repeat: no-repeat;
         background-position: -24px 0px;
         display: block;
    }
}
/* end LARGE DESKTOP */
/* Photo Gallery Page */
 .photoGalleryThumb {
     width: 110px;
     padding: 3px;
     border: 1px solid #efefef;
}
 .thumbnails > li {
     float: left;
     margin-bottom: 20px !important;
     margin-left: 12px!important;
}
 #newsGallery {
     margin-top:20px;
     margin-bottom:20px;
}
 #newsGallery .newsGalleryCaption {
     font-size:.9em;
}
 .content #newsGallery ul, .content_old_browser #newsGallery ul, .content #newsGallery ol, .content_old_browser #newsGallery ol,.content #thumbnail_gallery ul {
     padding-left: 0;
     margin: 0;
     list-style-type:none;
}
 #newsGallery ul li a {
     display:block;
}
 #newsGallery ul li img.newsGalleryImage {
     display: inline-block;
     vertical-align: middle;
     max-width: 100%;
     height: auto;
}
 #newsGallery .thumbnail {
     height:220px;
}
 #thumbnail_gallery .thumbnail {
     height:300px;
}
/* HOME BANNER FIX */
 .mainBanner .slider .item .text.hide-text {
     display:none;
     visibility:hidden;
     height:0px;
}
/****************************************** TABLE STYLES ******************************************/
 table {
     margin-bottom: 14px;
}
 table tr:nth-child(odd) {
     background:#ededed;
}
 table tr:nth-child(odd) th {
     background:#e0e0e0;
}
 table tr td {
     padding:10px;
}
 table th {
     vertical-align: top;
     padding: 10px;
     text-align:left;
}

/* table tr th p, table tr td p, table tr td h1, table tr td h2, table tr td h3 {
     padding:0;
     margin:0;
}*/
 .tdBorders th, .tdBorders td {
     border: 1px solid #666666;
}
 .vAlignTop td, td.vAlignTop{
     vertical-align: top;
}
 .vAlignMiddle td, td.vAlignMiddle {
     vertical-align: middle;
}

.tdImage{
    
    width:150px;
    
}

 .width100 {
     width: 100%;
     margin-bottom:10px;
}
 .width50 {
     width: 50%;
     margin-bottom:10px;     
}
.width30 {
     width: 30%;
     margin-bottom:10px;     
}

 .width300 {
     width: 300px;
     margin-bottom:10px;     
}

/* make width50 take up entire screen when in mobile size */
@media only screen and (max-width: 620px) {
  
    .width30,
    .width50,
    .width300 {
         width: 100%;
    }    
  
}

/* clear table colour */
 .netDirectories table tr:nth-child(odd) {
     background:#fff!IMPORTANT;
}
/****************************************** RESPONSIVE TABLES ******************************************/

/* STACK COLUMNS */
 @media only screen and (max-width: 620px) {
     table.stackTable, .stackTable thead, .stackTable tbody, .stackTable th, .stackTable td, .stackTable tr {
         display: block;
    }
     .stackTable thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
     .stackTable tr {
         border: 1px solid #bdbdbd;
    }
     .stackTable td {
         border: none;
         border-bottom: 1px solid #bdbdbd;
         position: relative;
         padding-left: 40%;
         white-space: normal;
         text-align:left;
    }
     .stackTable td:before {
         position: absolute;
         top: 10px;
         left: 6px;
         width: 35%;
         padding-right: 10px;
         white-space: nowrap;
         text-align:left;
         font-weight: bold;
    }
     .stackTable td:before {
         content: attr(data-title);
    }
}

/* SIDE SCROLLING */

@media screen and (max-width: 620px) {
    .responsive-table {
    	width: 100%;
		margin-bottom: 1.25rem;
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;	
	}
	
	.responsive-table table {
		margin-bottom: 0
	}
}


/****************************************** TABS SYSTEM ******************************************/
 div.UOITTabsHolder, div.UOITTabsHolder div {
     padding:10px;
     width:100%;
     background:#fff;
}
 div.UOITTabsHolder div {
     margin-top:20px;
}
 div.UOITTabsHolder div form input[type=submit] {
     display: inline-block;
     padding: 4px 6px;
     margin-bottom: 9px;
     font-size: 16px;
     line-height: 20px;
     color: #555;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
 .UOITTabs li {
     list-style:none;
     display:inline;
}
 .UOITTabs a {
     padding:5px 10px;
     display:inline-block;
     background:#666;
     color:#fff;
     text-decoration:none;
     border:1px #666 solid;
     border-bottom:0;
     border-radius:5px 5px 0 0;
}
 .UOITTabs a.active {
     background:#fff;
     color:#000;
     border:1px #666 solid;
     border-bottom:0;
}
 @media (max-width: 450px) {
     .UOITTabs li {
         list-style:none;
         display:block;
         width:100%;
         margin-top:2px;
    }
     .UOITTabs a {
         padding:5px 10px;
         display:block;
         background:#666;
         color:#fff;
         text-decoration:none;
         border:none;
         border-bottom:0;
         border-radius:0;
    }
     div.UOITTabsHolder {
         padding:0;
         width:100%;
         background:#fff;
    }
}
 div.UOITTabsHolder, div.UOITTabsHolder div {
     padding:10px;
     width:100%;
     background:#fff;
}
 .UOITTabs li {
     list-style:none;
     display:inline;
}
 .UOITTabs a {
     padding:5px 10px;
     display:inline-block;
     background:#666;
     color:#fff;
     text-decoration:none;
     border:1px #666 solid;
     border-bottom:0;
     border-radius:5px 5px 0 0;
}
 .UOITTabs a.active {
     background:#fff;
     color:#000;
     border:1px #666 solid;
     border-bottom:0;
}
/* VIDEO SIZING */
 .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     max-height: 100%;
}
 .flex-video {
     position: relative;
     padding-top: 25px;
     padding-bottom: 56.25%;
     height: 0;
     margin-bottom: 16px;
     overflow: hidden;
}
 .flex-video.widescreen {
     padding-bottom: 57.25%;
}
/* MICROSITE STYLES */
 div.open_house_twitter_feed {
     font-size:13px;
     width:80%;
}
 div.open_house_twitter_feed img {
     width:70px;
     height:70px;
}
 div.open_house_twitter_feed strong {
     font-size:1.2em;
}
 div.open_house_twitter_feed p {
     padding:5px;
     border-radius:4px;
     border-bottom:1px solid #efefef;
     margin:0 0 3px 0;
}
 div.open_house_twitter_feed p:nth-child(odd){
     background:#efefef;
}
 div.open_house_twitter_feed p:hover{
     background:#dfdfdf;
}
 div.open_house_twitter_feed img {
     float: left;
     padding:1px;
     border:1px #efefef solid;
     margin:0 4px 4px 0;
}
/* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */
 #colorbox, #cboxOverlay, #cboxWrapper{
     position:absolute;
     top:0;
     left:0;
     z-index:9999;
     overflow:hidden;
}
 #cboxOverlay{
     position:fixed;
     width:100%;
     height:100%;
}
 #cboxMiddleLeft, #cboxBottomLeft{
     clear:left;
}
 #cboxContent{
     position:relative;
}
 #cboxLoadedContent{
     overflow:auto;
     -webkit-overflow-scrolling: touch;
}
 #cboxTitle{
     margin:0;
}
 #cboxLoadingOverlay, #cboxLoadingGraphic{
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
}
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
     cursor:pointer;
}
 .cboxPhoto{
     float:left;
     margin:auto;
     border:0;
     display:block;
     max-width:none;
}
 .cboxIframe{
     width:100%;
     height:100%;
     display:block;
     border:0;
}
 #colorbox, #cboxContent, #cboxLoadedContent{
     box-sizing:content-box;
     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
}
/* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
 #cboxOverlay{
     background:url(https://shared.uoit.ca/site-images/colorbox/overlay.png) repeat 0 0;
}
 #colorbox{
     outline:0;
}
 #cboxTopLeft{
     width:21px;
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -101px 0;
}
 #cboxTopRight{
     width:21px;
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -130px 0;
}
 #cboxBottomLeft{
     width:21px;
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -101px -29px;
}
 #cboxBottomRight{
     width:21px;
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -130px -29px;
}
 #cboxMiddleLeft{
     width:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) left top repeat-y;
}
 #cboxMiddleRight{
     width:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) right top repeat-y;
}
 #cboxTopCenter{
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/border.png) 0 0 repeat-x;
}
 #cboxBottomCenter{
     height:21px;
     background:url(https://shared.uoit.ca/site-images/colorbox/border.png) 0 -29px repeat-x;
}
 #cboxContent{
     background:#fff;
     overflow:hidden;
}
 .cboxIframe{
     background:#fff;
}
 #cboxError{
     padding:50px;
     border:1px solid #ccc;
}
 #cboxLoadedContent{
     margin-bottom:28px;
}
 #cboxTitle{
     position:absolute;
     bottom:4px;
     left:0;
     text-align:center;
     width:100%;
     color:#949494;
}
 #cboxCurrent{
     position:absolute;
     bottom:4px;
     left:58px;
     color:#949494;
}
 #cboxLoadingOverlay{
     background:url(https://shared.uoit.ca/site-images/colorbox/loading_background.png) no-repeat center center;
}
 #cboxLoadingGraphic{
     background:url(https://shared.uoit.ca/site-images/colorbox/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
 #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
     border:0;
     padding:0;
     margin:0;
     overflow:visible;
     width:auto;
     background:none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
 #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
     outline:0;
}
 #cboxSlideshow{
     position:absolute;
     bottom:4px;
     right:30px;
     color:#0092ef;
}
 #cboxPrevious{
     position:absolute;
     bottom:0;
     left:0;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -75px 0;
     width:25px;
     height:25px;
     text-indent:-9999px;
}
 #cboxPrevious:hover{
     background-position:-75px -25px;
}
 #cboxNext{
     position:absolute;
     bottom:0;
     left:27px;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -50px 0;
     width:25px;
     height:25px;
     text-indent:-9999px;
}
 #cboxNext:hover{
     background-position:-50px -25px;
}
 #cboxClose{
     position:absolute;
     bottom:0;
     right:0;
     background:url(https://shared.uoit.ca/site-images/colorbox/controls.png) no-repeat -25px 0;
     width:25px;
     height:25px;
     text-indent:-9999px;
}
 #cboxClose:hover{
     background-position:-25px -25px;
}
/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: https://jacklmoore.com/notes/ie-transparency-problems/ */
 .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */
 .cboxIE6 #cboxTopLeft{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderTopLeft.png);
}
 .cboxIE6 #cboxTopCenter{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderTopCenter.png);
}
 .cboxIE6 #cboxTopRight{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderTopRight.png);
}
 .cboxIE6 #cboxBottomLeft{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderBottomLeft.png);
}
 .cboxIE6 #cboxBottomCenter{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderBottomCenter.png);
}
 .cboxIE6 #cboxBottomRight{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderBottomRight.png);
}
 .cboxIE6 #cboxMiddleLeft{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderMiddleLeft.png);
}
 .cboxIE6 #cboxMiddleRight{
     background:url(https://shared.uoit.ca/site-images/colorbox/ie6/borderMiddleRight.png);
}
 .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
     _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
 a.cboxElement {
     display: inline-block;
     margin: 0px 0px 2px;
}
 a.cboxElement:hover {
     opacity:0.8;
}
 #cboxTitle {
     position: absolute;
     bottom: 28px;
     left: 0;
     text-align: left;
     width: 96%;
     color: #fff;
     background: #333;
     padding: 2%;
     opacity: .9;
}

a.youtube-video.cboxElement:hover{
    opacity:1;
}
.fac_home_page #cboxTitle {
    display: none !important;
}

/* LEFT NAV */
 .nav-tabs.nav-stacked > li > a {
     border:0;
}
/* Main nav mobile controls */
 .main_mobile_nav_container {
     height: 100%;
}
 #show_main_nav, #hide_main_nav {
     margin:30px 0 0 0;
     width:100%;
     display:block;
     text-align:left;
     display:none;
}
/****************************************** BLOG PAGES ******************************************/
/* HOME PAGE - FEATURED POSTS ---------------------------------------- */
 @media (max-width: 768px) {
     .featured-large.span4 {
         padding: 20px 0 10px;
         border-top: 1px solid #ddd;
    }
}
 .featured-large.span4 {
     margin-top: 20px;
     padding-bottom: 10px;
}
 .featured-large img {
     width: 100%;
     height: auto;
     max-width: 625px;
    /*height: 410px;
     */
     margin-bottom: 10px;
}
 .featured-large h4 {
     margin-top: 0;
}
 .featured-small.span6 {
     padding: 20px 0 10px;
     border-top: 1px solid #ddd;
}
 .featured-small img {
     margin-bottom: 10px;
}
 .featured-small h4 {
     font-size: 14px;
     margin-top: 0;
}
 .featured-small p:last-child:after {
     content: " ";
     display: block;
     clear: both;
}
 p.postDetails {
     font-size: 13px;
     margin-top: 10px;
}
 .featured-large .btn, .featured-large .btn:hover, .featured-large .btn:active, .featured-large .btn:focus {
     color: #fff;
     text-decoration: none;
}
 .featured-small .btn:hover, .featured-small .btn:active, .featured-small .btn:focus {
     text-decoration: none;
}
/* SINGLE POST ---------------------------------------- */
 .post .featuredImage {
     margin-bottom: 20px;
     display: block;
}
 .featuredImageHolder {
     width: 280px;
     float: left;
     margin-right: 8px;
}
 .post .inlineImage {
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
     max-width: 400px;
}
 .post .inlineImage img {
     width: 100%;
}
 .post .inlineImageCaption {
     font-size: .75em;
     padding: 3px;
     width:100%;
     border: 1px solid #ddd;
     box-sizing: border-box;
     
}
/* ARCHIVES INDEX ---------------------------------------- */
 .archives {
     margin-top: 20px;
}
 .archives p {
     margin-bottom: 0;
}
 .archives img {
     width: 100px;
     margin-right: 10px;
     float: left;
}
/* PROFILE SUMMARY/PAGE ---------------------------------------- */
 .postAuthor {
     font-size: 13px;
     padding: 15px 0;
     margin: 20px 0;
     border: 1px solid #ddd;
     border-left: 0;
     border-right: 0;
}
 .postAuthor img {
     width: 80px;
     height: 80px;
     margin-right: 10px;
     float: left;
}
 .postAuthor:after {
     content: " ";
     display: block;
     clear: both;
}
 .profileImageLarge {
     width: 160px;
     height: 160px;
     float: left;
     margin: 0 10px 5px 0;
}
/* SIDEBAR - CATEGORIES/ARCHIVES ---------------------------------------- */
 .months {
     margin-left: 20px;
}
/* LATEST POSTS BLOCK (ON PARENT PAGE) ---------------------------------------- */
 .latestPost {
     margin-bottom: 10px;
}
 .latestThumbs {
     width: 80px;
     margin-right: 10px;
     float: left;
}
/****************************************** SMALL NAVIGATION MENU ******************************************/
/* UOIT MAIN SINGLE DROP DOWN STYLES */
 .siteHeaderSmallNav {
     margin-top: 15px;
     margin-bottom: 35px !important;
     font-size: .88em;
}
 .siteHeaderSmallNav .span2 {
     margin-left: 0px !important;
     padding: 0 10px;
}
 .siteHeaderSmallNav .dropdown-menu .span2:last-child {
     border-left: 1px solid #ddd;
}
 .siteHeaderSmallNav .nav {
     margin-bottom: 0;
}
 @media (max-width: 1024px) and (min-width: 768px) {
     .siteHeaderSmallNav > .span6 {
         width: 50% !important;
    }
}
 @media (min-width: 768px) {
     .siteHeaderSmallNav .span2 {
         width: 140px !important;
    }
}
 @media (max-width: 767px) {
     .siteHeaderSmallNav .dropdown-menu .span2:first-child {
         padding-bottom: 5px;
    }
     .siteHeaderSmallNav .dropdown-menu .span2:last-child {
         padding-top: 5px;
         border-left: 0;
         border-top: 1px solid #ddd;
    }
}
 #main-dropdown:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
 #main-dropdown .uoit-dropdown {
     width:500px;
}
 #main-dropdown .dropdown-holder {
     float: right;
}
 #main-dropdown .btn-primary {
     color: #ffffff;
     font-size: 1em;
     font-weight: 700;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background: #025898;
     border-radius: 0;
     border: 0;
     margin-right: 7px;
}
 #main-dropdown .btn-primary:hover, #main-dropdown .btn-primary:focus, #main-dropdown .btn-primary:active, #main-dropdown .btn-primary.active, #main-dropdown .btn-primary.disabled, #main-dropdown .btn-primary[disabled] {
     color: #ffffff;
     background-color: #025898;
}
 #main-dropdown .dropdown-menu {
     background:#025898;
     width: 322px;
     right: 7px;
     left: auto;
     border-radius: 0;
}
 @media (min-width: 768px) and (max-width: 979px) {
     #main-dropdown .dropdown-menu {
         right: -75%;
         left: auto;
    }
}
 @media (max-width: 768px) {
     #main-dropdown .dropdown-menu, .dropdown-holder {
         left: 0;
         right: auto;
         width: 100%;
        
    }
    .dropdown-holder {
         margin:10px 0;
    }
}
 #main-dropdown .dropdown-menu a, #main-dropdown .dropdown-menu a:visited {
     color:#fff;
     font-size: 1em;
     padding: 3px 10px;
}
 #main-dropdown .dropdown-menu a:hover {
     color:#000;
     background: #eee;
}
 #main-dropdown .dropdown-menu .lrg-links a {
     font-weight: 700;
}
 #main-dropdown .dropdown-menu .sml-links a {
     font-size: 0.93em;
}
 #main-dropdown .sml-links.nav-pills>li>a {
     padding-top: 3px;
     padding-bottom: 3px;
     margin-top: 2px;
     margin-bottom: 2px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 #main-dropdown .sml-links.nav-pills>li>a:hover {
     color: #000;
     background: #eee;
}
 @media (min-width: 768px) and (max-width: 979px) {
     #main-dropdown {
         margin-top: 20px;
    }
}
/* UPDATED SOCIAL BUTTON STYLES */
 #smallnav-social {
     float: right;
}
 .Button {
     display: inline-block;
}
 .Button a {
     height: 100%;
     text-indent: -9999em;
     width: 100%;
     display:block;
}
 #main-social .SocialIcon, #smallnav-social .SocialIcon {
     background-image: url(https://shared.uoit.ca/site-images/socialicons-small.png);
     background-repeat: no-repeat;
     background-size: 126px 29px;
}
 #main-social .SocialIcon:hover, #smallnav-social .SocialIcon:hover, .SocialIcon:hover {
     opacity:0.8;
}
 #smallnav-social .Facebook {
     background-position: -1px -1px;
     height: 29px;
     width: 29px;
}
 #smallnav-social .Twitter {
     background-position: -33px -1px;
     height: 29px;
     width: 29px;
}
 #smallnav-social .LinkedIn {
     background-position: -65px -1px;
     height: 29px;
     width: 29px;
}
 #smallnav-social .YouTube {
     background-position: -97px -1px;
     height: 29px;
     width: 29px;
}
 @media (max-width: 767px) {
     #smallnav-social .visible-phone {
         display: none !important;
    }
}
 #main-social .SocialIcon {
     background-size: 125px 28px;
}
 #main-social .Facebook {
     background-position: -1px -1px;
     height: 28px;
     width: 28px;
}
 #main-social .Twitter {
     background-position: -33px -1px;
     height: 28px;
     width: 28px;
}
 #main-social .LinkedIn {
     background-position: -65px -1px;
     height: 28px;
     width: 28px;
}
 #main-social .YouTube {
     background-position: -97px -1px;
     height: 28px;
     width: 28px;
}
/* LOGO */
 .logoSmallNav {
     /*margin-top: 20px;*/
}
 @media (max-width: 767px) {
     .logoSmallNav {
         text-align: center;
         margin-bottom: 40px;
    }
}
 @media (min-width: 768px) {
     .logoSmallNav img.logo {
         width: 80%;
    }
}
 @media (min-width: 980px) {
     .logoSmallNav img.logo {
         width: 49%;
    }
}
/* SEARCH STYLES */
 #mainnav-search {
     float: right;
     font-size: .88em;
     margin-top: 4px;
}
 @media (max-width: 767px) {
     #mainnav-search {
         margin-top: 20px;
    }
}
 #mainnav-search form#main-search {
     margin-top: -5px;
}
 #mainnav-search #main-search input[type="text"] {
     margin-bottom: 2px;
}
 form#main-search .search-holder {
     background:#fff;
     margin-top:20px;
}
 form#main-search .btn-search {
     color:#025898;
}
 form#main-search .search-icon {
     background: url(https://shared.uoit.ca/site-images/search-icon.png) no-repeat 6px 0px;
     width: 30px;
     height: 20px;
     float: right;
}
 form#main-search{
     margin-bottom:0px;
}
 label[for=Search]{
     text-indent: -999999em;
     height: 0;
     width: 0;
     font-size:1px;
}
 #main-search input[type="text"] {
     background:#DBDCDC;
     border-top: 1px solid #d1d1d1;
     border-right: 0;
     border-bottom: 1px solid #d1d1d1;
     border-left: 1px solid #d1d1d1;
     font-size: 15px;
     color: #555;
     width: 79px;
     padding: 4px 10px;
     margin-bottom: 5px;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0px;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     -webkit-transition: all 0.7s ease 0s;
     -moz-transition: all 0.7s ease 0s;
     -o-transition: all 0.7s ease 0s;
     transition: all 0.7s ease 0s;
     float:right;
     -moz-box-sizing: content-box;
}
 #main-search input[type="text"]:focus {
     width: 125px;
}
 @media (max-width: 767px) {
     #main-search input[type="text"], #main-search input[type="text"]:focus {
         width: 180px;
    }
}
 .margin-top-med {
     margin-top:6px;
}
 #main-search input[type=submit] {
     text-indent: -9999px;
     background: url(https://shared.uoit.ca/site-images/search-icon.png) no-repeat 10px 6px #DBDCDC;
     float:right;
     padding: 4px 18px;
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
     border-top: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
     border-bottom: 1px solid #d1d1d1;
     border-left: 0;
     border-radius: 0;
}
 .gsc-search-box, .gsc-search-box *, .gsc-table-result, .gsc-table-result * {
     background:#fff!important;
}
 .gsc-webResult.gsc-result:hover*, .gsc-imageResult:hover*, .gsc-table-result:hover* {
     border-color: #efefef;
     background-color: #efefef!important;
}
 .gsc-table-result:hover, .gsc-table-result:hover * {
     background: #efefef!important;
}
#cse-search-form{
width:180px;
}
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #D9D9D9;
    background-image: inherit;
    box-sizing: content-box;
  }
  .gsc-input input.gsc-input {
    background: none repeat scroll 0% 0% white !important;
  }
  .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: 13px;
height: 13px;
padding: 6px 7px;
min-width: 13px;
margin-top: 0px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input, .gsc-search-box-tools .gsc-search-box .gsc-input, table.gsc-search-box td.gsc-input {
padding-right:0;
}
table.gsc-search-box tr td {
padding:0;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #cecece;
background-color: #CECECE!important;
background-image: none;
filter: none;
}
table.gsc-completion-container tr:hover {
background:#555;
color:#fff;
}

/* NEWS ARTICLE PAGE */
div.news-media {
    width: 304px;
    margin: 0 8px 8px 0;
    font-size: 0.85em;
    font-style: italic;
    float: left;
}
.news-media-img {
    margin:4px 0 5px 0!IMPORTANT;
    padding:1px;
    border:1px solid #000;
}
 h1.newsTitle {
     font-size:23px;
}
 .news-media .inlineImageCaption {
     font-size:.9em;
     margin-top: 6px;
     padding: 3px;
     width: 100%;
     border: 1px solid #ddd;
     box-sizing: border-box;
     text-align: left;
}
/* MACH FORM STYLES */
 #mf_placeholder,iframe {
     overflow:hidden;
}
/* STAMP LIST STYLES */
 @media (max-width: 767px) {
     .MainContent ul li.span3 {
         width: 46%!important;
         float: left!important;
    }
}


/****************************************** LDAP LOGIN FORM ******************************************/
#ldapUsername,
#ldapPassword {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
	    -ms-box-sizing: content-box;
		 -o-box-sizing: content-box;
		 	box-sizing: content-box;
}

#ldapSubmit {
	margin-bottom: 1em
}
 
 
/****************************************** HUBSPOT ******************************************/ 

/* Ask a question button */
@media (min-width: 768px) {
    div#askQuestionHS {
        width: 60%;
        margin-left: -30%;    
    }
    
    div#askQuestionHS .modal-body {
        max-height: 500px
    }
}

div#askQuestionHS .hs-form fieldset {
    max-width: none;
    width: 100%;
}

/* CTA button */
.hsCTA {

    width: 95%;
    margin: 30px 0px 20px;
    position: relative;
}
.hsCTA img {
    border: 1px solid rgb(221, 221, 221);
    width: 60px;
    position: absolute;
    left: 16px;
    top: -25%;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.hsCTA.hsCTA_askQuestion img,
.hsCTA.CTA_virtualTour img{
    border: 0;
}
.hsCTA span {
    min-height: 40px;
    display: block;
    background: rgb(239, 239, 239);
    padding: 5px 5px 5px 90px;
    /*border-radius: 5px;*/
}
.hsCTA.hsCTA_downloadViewbookPathways span { /* TEMP UNTIL PATHWAYS IMAGE IS EMBEDDED */
    padding-left: 10px !important;
    text-align: center;
}
.hsCTA.hsCTA_askQuestion span {
    height: 40px;
    line-height: 40px;
}
.hsCTA a:hover,
.hsCTA a:active,
.hsCTA a:focus {
    text-decoration: none;
}
.hsCTA a:hover span,
.hsCTA a:active span,
.hsCTA a:focus span {
    background: #ddd;
}
@media (max-width: 767px) {
    .hsCTA {
        width: 210px;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .hsCTA img {
        left: 14px;
        top: -10%;
    }
    .hsCTA.hsCTA_askQuestion img {
        top: -30%;
    }
    .hsCTA span {
        font-size: .85em;
        line-height: normal;
        padding-left: 85px;
    }
    .hsCTA.hsCTA_askQuestion span {
        height: auto;
        line-height: normal;
    }
}


/* Updated sidebar CTA buttons */
.btn_sidebar_cta {
  display: block;
  position: relative;
  width: 95%;
  min-height: 2.81rem;
  margin-bottom: .5rem;
  background: #d4d5d6; /* Old browsers */
  background: -moz-linear-gradient(top,  #d4d5d6 0%, #dadbdc 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d5d6), color-stop(100%,#dadbdc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d4d5d6 0%,#dadbdc 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d4d5d6 0%,#dadbdc 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d4d5d6 0%,#dadbdc 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #d4d5d6 0%,#dadbdc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d5d6', endColorstr='#dadbdc',GradientType=0 ); /* IE6-9 */
}

@media screen and (max-width: 768px) {
  .btn_sidebar_cta {
    width: 100%;
  }
}

.btn_sidebar_cta:hover,
.btn_sidebar_cta:active,
.btn_sidebar_cta:focus {
  background: #dadbdc;       
}

/* Text */
.btn_sidebar_cta span {
  position: absolute;
  top: 50%;
  padding-left: 3em;
  padding-right: .5em;
  color: #003c71;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);  
}

/* Icon */
.btn_sidebar_cta:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  padding-left: .63rem;
  font-family: "uoit_icons" !important;
  font-size: 1.75em;
  line-height: 1;
  color: #003c71;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateY(-50%);
}


/* Specific button icons */
a#btn_sidebar_ro_askAQuestionHS:after {
  content: "\e801";
}
a#btn_sidebar_ro_downloadViewbook:after,
a#btn_sidebar_gs_downloadViewbook:after{
  content: "\e803";
}
a#btn_sidebar_ro_virtualTour:after {
  content: "\e806";
}
a#btn_sidebar_ro_chat:after {
  content: "\e802";
}
#btn_sidebar_ro_chat.btn_chat_offline:after {
  content: "\e807"; 
}



/****************************************** DONATE NOW BUTTON ******************************************/

    	a.sidebar_button{
    
		    height: 50px;
    		width: 95%;
			display: table;
			background: rgb(239, 239, 239);
			padding: 5px;
			text-decoration: none;
			color: #003c71;
            margin: 10px 0 0 0;
		    
		    
		}
        
        a.sidebar_button:hover{
    		
			background: #ddd;
			
		}
		
		a.sidebar_button span{
			
			display: table-cell;
        	vertical-align: middle;

		}
        
        a.sidebar_button span:first-child{
    		width:50px;
            padding: 0 10px 0 0;
		}
        
        .viewbook_img{
            
            width: 75px;
            
        }
        
        @media (max-width: 768px) {
            
            a.sidebar_button{
            	
    			text-align:center;
    			
    		}
            
            a.sidebar_button span{
                
    			display:inline-block;
    			
    		}
            
        }
        

/****************************************** SNAPENGAGE CHAT ******************************************/ 

body .SnapABug_Button {
    display: none !important;
}

a#btnSnapEngageChat {
    position: relative;
    width: 220px;
}

a#btnSnapEngageChat span {
    color: #fff;
    white-space: nowrap;
    position: absolute;
    right: 12px;
    top: 0;
}



/****************************************** EMERGENCY BUTTON / BAR ******************************************/ 

/* Button (home page only - no emergency) */
a#emergencyButton {
  font-size: 13px;
  color: #fff;
  background: #003c71;
  padding: 3px 5px;
  margin-top: -20px;
  margin-bottom: 20px;    
  display: block;
}
@media screen and (min-width: 768px) {
  a#emergencyButton {
    position: absolute;
    top: -16px;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
a#emergencyButton:hover,
a#emergencyButton:active,
a#emergencyButton:focus {
  text-decoration: none;
  background: #0077ca;
} 

/* Alert bar (all pages - emergency present) */
div#emergencyMessageBar {
  background: #003c7a;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  div#emergencyMessageBar {
    margin-top: -16px;
  }
}

#emergencyMessageBar a {
  color: #fff;
  display: table;
}
#emergencyMessageBar a:hover,
#emergencyMessageBar a:active,
#emergencyMessageBar a:focus {
  text-decoration: none;
}

/* Icon */
#emergencyMessageBar .emergencyAlert {
  font-size: 1.75em;
  display: block;
  border-bottom: 1px solid white;
  padding-bottom: 1rem;
  white-space: nowrap;
}  
@media screen and (min-width: 768px) {
  #emergencyMessageBar .emergencyAlert {
    display: table-cell;
    border-right: 1px solid white;
    border-bottom: 0;
    padding-right: 1.5rem;
    vertical-align: middle;    
  }
}

.emergencyNotificationIcon {
  margin-right: 3px;
  -webkit-animation: emergencyBlink 3s infinite;
          animation: emergencyBlink 3s infinite;
}
@-webkit-keyframes emergencyBlink {
    0% { color: white;}
    50% { color: #ffff00;}
    100% {color: white;}
}
@keyframes emergencyBlink {
    0% { color: white;}
    50% { color: #ffff00;}
    100% {color: white;}
}

/* Emergency Feed */
#emergencyMessageBar .emergencyAlert .emergencyNotificationIcon {
  margin-right: 1rem;
}

#emergencyMessageBar .emergencyMessage {
  display: block;
  padding-top: 1rem;
}
@media screen and (min-width: 768px) {
  #emergencyMessageBar .emergencyMessage {
    display: table-cell;
    padding-top: 0;
    padding-left: 1.5rem;
  }
}

#emergencyMessageBar .emergencyMessage span {
  display: block;
}
span.emergencyDate {
  font-size: .75em;
}
span.emergencyTitle {
  text-transform: uppercase;
}


/****************************************** EMERGENCY INFO PAGE ******************************************/

/* Emergency Feed */
div#emergencyFeedMessage {
  font-size: 1.25em;
  line-height: normal;
  text-align: center;
  font-weight: bold;
  border: 1px solid #003c71;
  margin: 20px 0;
  padding: 20px;
}

#emergencyFeedMessage p:first-child span {
  font-size: 1.5em;
  text-transform: uppercase;
}
#emergencyFeedMessage span {
  color: #ee0000;
}
#emergencyFeedMessage span.emergencyDate {
  font-size: .75em;
  font-weight: normal;
}

/* News feed */ 
.emergencyNewsItem {
  clear: both;
  margin: 20px 0;
}

.emergencyNewsItem img {
  width: 100px;
  height: 67px;
  margin: 0 10px 20px 0;
  float: left;
}

.emergencyNewsItem p.date {
  font-size: .85em;
}

/* Sidebar */
.sidebarEmergency {
  padding: 1px 5px;
  background: #F7F7F7;
}
@media screen and (min-width: 768px) {
  .sidebarEmergency {
    margin-right: 5px;
  }
}
.sidebarEmergency hr {
  margin: 10px 0;
  border-top-color: #ddd;
}
.sidebarEmergency h2 {
  font-size: 14px;
}
.sidebarEmergency p {
  font-size: 13px;
  margin-left: 8px;
}


/****************************************** ACCORDION ******************************************/
.accordion-heading .accordion-toggle {
    padding: 8px 0;
}
.accordion-inner {
    border-bottom: 1px solid #e5e5e5;
}