/* DEPT B BASE.CSS */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

body {
    font-family: 'Open Sans', ‘Century Gothic’, AppleGothic, Arial, sans-serif;
    background-color:#FFF;
    padding:0;
    margin:0;
    line-height: 1.65em;
    color:#444;
    font-size: 80%;
    font-weight:normal;
    overflow-x:hidden;
}

.main { padding:2em 0; }

h1, h2, h3, .h2update, .h3update, .h4update {
    margin:0;
    padding:0.25em 0;
}
h1, .h2update {
    font-family: 'Fjalla One', Optima, Calibri, Arial, sans-serif;
    font-size:180%;
}
h2, .h3update {
    font-family: 'Open Sans Condensed', Trebuchet, Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size:150%;
    color: #666;
}
h3, .h4update {
    font-size:110%; 
}

.ou-btn {
    background-color: transparent;
    color: #1a597e;
    padding: 0.5em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:normal;
    display:inline-block;

    background-repeat: repeat-x;
    border: 1px solid #1a597e;
    border-radius: 4px 4px 4px 4px;

    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}

.specialone { color:#660000; }
.specialtwo { color:#A08E7C; }

*:empty { margin:0; padding:0; }
p:empty { display:none; }
a { color:#195375; outline: none; text-decoration:none; }
a:hover { color:#195375; text-decoration:underline; }
a:active { color:#195375; outline: none; }
:focus, a:focus { -moz-outline-style: none; outline:none;}
:link:focus, :visited:focus { -moz-outline: none; ouline:none; }

.textimage  { overflow:auto; }
.textimage > * > * { overflow:auto; }
.image img { display:inline-block; }

img {
    outline:none;
    border:none;
    padding:0;
    margin:0;
}
.main .text .text ul,
.main .textimage .text ul,
.main .text .text ol,
.main .textimage .text ol {
    margin-bottom: 1em;	
}
.main .section.text li,
.main .textimage .text li {
    list-style-position: outside;
    margin-left: 1em;	
}

/* HEADER  
----------------------------------------- */

.header {
    background-image:url(../../../content/dam/common/design2013/ou-globalheader-bg.jpg);
    background-repeat: repeat;
    border-bottom: 5px solid #660000;
}
.header .headeripar > .section.image { padding: 2em 0; }
.header .headeripar > .section.image a { display:inline-block; }

.header .headeripar > .section.image img {
    height: auto;
    width: auto;
    max-width: 100%;
    display: none;
    transition: opacity 0.3s;
}

/* FEATURE  
----------------------------------------- */

.feature {
    border-bottom: 1px solid #b4b4b4;
    background-image:url(../../../content/dam/deptb/feature/featureBG.png);
    background-repeat:repeat-x;
    background-position:bottom;
    background-color:#FFFFFF;
    padding-top:2em;
    padding-bottom:2em;
}
.feature a.ou-btn { 
    float:right; 
    margin:1em 0 0 1em;
    color: #FFF;
    border: 1px solid #FFF;
}

.feature a.ou-btn:hover {
    background-color:#FFF;
    color:#333;
}

/* FEATURE CAROUSEL
----------------------------------------- */

.feature .carousel { margin:0; /* override */ }
.feature .webcomm-carousel {
	background-color:#FFFFFF; 
	border:1px solid #000000; 
	margin:0; 
}

.feature .webcomm-carousel .carousel-inner {

}
.feature .webcomm-carousel .carousel-inner .carousel-image {
    height:auto;
    width:100%;   
}
.feature .webcomm-carousel .carousel-inner .carousel-image img {
    max-width:100%;
    height:auto;
    background-color: #333333;
}
background-color: #333333;

.feature .webcomm-carousel .carousel-inner .carousel-caption {
    overflow:auto;
    background:#000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
}
.feature .webcomm-carousel .carousel-inner .carousel-caption h4.webcomm-carousel-title {
    font-family: 'Open Sans Condensed', Trebuchet, Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size:150%;
    margin-bottom:0.75em;
}
.feature .webcomm-carousel .carousel-inner .carousel-caption .webcomm-carousel-description {

}
.feature .webcomm-carousel .carousel-inner .carousel-caption a.webcomm-carousel-actionLink {
    background-color: transparent;
    color: #FFFFFF;
    padding: 0.5em 1.5em;
    margin:1em 0 0 1em;
    font-size:100%;
    line-height:normal;
    display:inline-block;   
        
    background-repeat: repeat-x;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
    float:right;
}
.feature .webcomm-carousel .carousel-inner .carousel-caption a.webcomm-carousel-actionLink:hover {
    background-color:#FFFFFF;
    color:#000;
    
    -webkit-transition: background-color 250ms linear, color 250ms linear;
    -moz-transition: background-color 250ms linear, color 250ms linear;
    -o-transition: background-color 250ms linear, color 250ms linear;
    -ms-transition: background-color 250ms linear, color 250ms linear;
    transition: background-color 250ms linear, color 250ms linear;
}

/* left/right arrow */
.feature .webcomm-carousel a.carousel-control {
    background-color: transparent;
    border: none;
    border-radius: 0;
    opacity: 1.0;

    margin: inherit;
    height: 120px;
    width: 50px;
   
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit;
    text-indent:-999em;

    position: absolute;   
    top: 50%;
    
}
.feature .webcomm-carousel a.carousel-control.left {
    background-image:url(../../../content/dam/deptb/feature/chevron-left.png);
    background-repeat: no-repeat;
    left: 0;

}
.feature .webcomm-carousel a.carousel-control.right {
    background-image:url(../../../content/dam/deptb/feature/chevron-right.png);
    background-repeat: no-repeat;
    right: 0;

}

.feature .webcomm-carousel a.carousel-control.left:hover { left:-3px; }
.feature .webcomm-carousel a.carousel-control.right:hover { right: -3px; }


/* FEATURE TABS
------------------------------ */

.feature .feature_tabs {
    background-color:#transparent;
    position:relative;
}
.feature .feature_tabs ul.nav-tabs {
    background-color:#981a1e;
    border:none;
}
.feature .feature_tabs ul.nav-tabs * { border-radius:0 0 0 0; border:none; }
.feature .feature_tabs ul.nav-tabs > li {
    float:inherit;
    margin:0;
    padding:0;
    border-top:1px solid #ab1d1f;
    border-bottom:1px solid #711417;    
}
.feature .feature_tabs ul.nav-tabs > li:first-child { border-top:none; }
.feature .feature_tabs ul.nav-tabs > li:last-child { border-bottom:none; }
.feature .feature_tabs ul.nav-tabs > li a:hover,
.feature .feature_tabs ul.nav-tabs > li a:active {
    background-color:transparent;
    text-decoration:none;
}
.feature .feature_tabs ul.nav-tabs > li a {
    margin:0;
    color:#FFF;
    display:block;
}
.feature .feature_tabs ul.nav-tabs > li.active a {
    background-color:transparent;
}
.feature .feature_tabs ul.nav-tabs > li a::before {
    content:""; 
    display: inline-block;
    padding:0;
    margin:0 0.35em 0 0;
    text-decoration: none;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width:14px;
    height:14px;

    background-position: 0 0;
    background-image: url(../../../content/dam/deptb/feature/featuretabs_bullet.png);
}
.feature .feature_tabs ul.nav-tabs > li a:hover::before,
.feature .feature_tabs ul.nav-tabs > li.active a::before { background-position: 0 -14px; }

.feature .feature_tabs .tab-content > .tab-pane {
    background-repeat:no-repeat;
    min-height:450px;
}
.feature .feature_tabs .tab-content > .tab-pane .thistab {
    background: rgb(0, 0, 0); /* The Fallback */
    background: rgba(0, 0, 0, 0.9); 
    -moz-box-shadow: inset 0 0 10px 1px #000;
    -webkit-box-shadow: inset 0 0 10px 1px #000;
    box-shadow: inset 0 0 10px 1px #000;
    padding:1.25em;
    color:#FFF;
    overflow:auto;

    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

/* set of rules for creating animated tabs*/ 

@-webkit-keyframes fadeInTab {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeInTab {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes fadeInTab {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeInTab {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

.feature .feature_tabs .tab-content .tab-pane {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.feature .feature_tabs .tab-content .tab-pane.active { 
    -webkit-animation: fadeInTab 1s; 
    -moz-animation: fadeInTab 1s; 
    -o-animation: fadeInTab 1s; 
    animation: fadeInTab 1s; 

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* FEATURE TEXT IMAGE
----------------------------------------- */

.feature .feature_txtimg {
    border:1px solid #000000;
}
.feature .feature_txtimg .image { 
    display:block;
}
.feature .feature_txtimg .text {
    display:block;
    overflow:auto;
    background: rgb(0, 0, 0); /* The Fallback */
    background: rgba(0, 0, 0, 0.9); 
    -moz-box-shadow: inset 0 0 10px 1px #000;
    -webkit-box-shadow: inset 0 0 10px 1px #000;
    box-shadow: inset 0 0 10px 1px #000;
    padding:1.25em;
    color:#FFF;
}

/* FEATURE IMAGE
----------------------------------------- */

.feature .feature_image {
    border:1px solid #000000;
}
.feature .feature_image .image { 
    display:block;
}


/* MAIN NAVIGATION 
-------------------------------------- */

/* general */

.main .nav,
.mainnavigation {
    padding:0;
    margin:0;
}
.mainnavigation a {
    margin: 0;
    padding: 0.5em 1em;
    display:block;
    color:#333;
}
.mainnavigation a:hover { text-decoration:none; }
.mainnavigation ul { 
    list-style-type:none;
    overflow:auto; 
    padding:0;
    margin:0;
}
.mainnavigation ul:empty { display:none; }

.page_dept_home .mainnavigation #main_navigation > ul li:first-child a { /* home link active by default */ 
    background-color:#f5f5f5;
    border-left:4px solid rgb(102,0,0); /* fall back */
    border-left:4px solid rgba(102,0,0,1.0);
}

/* top level */
.mainnavigation #main_navigation > ul { background-color: #ffffff; }
.mainnavigation #main_navigation > ul > li { border-bottom:1px solid #E6E6E6; }
.mainnavigation #main_navigation > ul > li:last-child { border-bottom:none; }

.mainnavigation #main_navigation > ul > li > a:hover { /* default link in the current level */
    background-color:#f5f5f5;
     -webkit-transition: background-color 250ms linear;
     -moz-transition: background-color 250ms linear;
     -o-transition: background-color 250ms linear;
     -ms-transition: background-color 250ms linear;
     transition: background-color 250ms linear; 
}

/* second level */
.mainnavigation #main_navigation > ul li.main_nav_active_parent > a,
.mainnavigation #main_navigation > ul li.main_nav_active_parent > a:hover { /* active link in the previous level */
    background-color:#f5f5f5;
    border-left:4px solid rgb(102,0,0); /* fall back */
    border-left:4px solid rgba(102,0,0,1.0);
    border-bottom:1px solid #E6E6E6;
}
.mainnavigation #main_navigation > ul > li.main_nav_active_parent > ul.main_nav_active_child { 
    background-color:#FFFFFF; 
    margin:0 0 0 1.25em;  
}

.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li { border-bottom:1px solid #E6E6E6; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li:last-child { border-bottom:none; }


.mainnavigation #main_navigation > ul > li.main_nav_active_parent > ul.main_nav_active_child > li > a {  /* default link in the current level */
    border-left:4px solid #E6E6E6;
    background-color:#FFF;
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li#main_navigation_active_li > a,
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li > a:hover {
    background-color:#f5f5f5;
     -webkit-transition: background-color 250ms linear;
     -moz-transition: background-color 250ms linear;
     -o-transition: background-color 250ms linear;
     -ms-transition: background-color 250ms linear;
     transition: background-color 250ms linear;     
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li.main_nav_active_parent > a,
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li.main_nav_active_parent > a:hover { /* active link in the previous level */
    background-color:#f5f5f5;
    border-left:4px solid rgb(102,0,0); /* fall back */
    border-left:4px solid rgba(102,0,0,0.6);
}

/* third level */
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child > li { border-bottom:1px solid #E6E6E6; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child > li:last-child { border-bottom:none; }

.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child {
    background-color:#FFFFFF; 
    margin:0 0 0 1.25em;    
} 
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child > li a { /* default link in the current level */
    border-left:4px solid #E6E6E6;
    background-color:#FFF;
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child > li a:hover { 
    background-color:#f5f5f5;
     -webkit-transition: background-color 250ms linear;
     -moz-transition: background-color 250ms linear;
     -o-transition: background-color 250ms linear;
     -ms-transition: background-color 250ms linear;
     transition: background-color 250ms linear; 
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li.main_nav_active_parent ul.main_nav_active_child > #main_navigation_active_li a { /* active link  */
    background-color:#f5f5f5;
    border-left:4px solid rgb(102,0,0); /* fall back */
    border-left:4px solid rgba(102,0,0,0.3);
}

/* QUICKLINKS
----------------------------------- */

.quicklinks {
    margin:0;
    padding:1em 0 1.25em 1em;
    background-color:#f5f5f5;
    border-top:1px solid #E6E6E6;
    border-bottom:3px solid #e8e8e8;
    border-radius:0 0 5px 5px;
    border-top:1px solid #b8b8b8;
    -moz-box-shadow: inset 0 8px 8px -8px #b4b4b4;
    -webkit-box-shadow: inset 0 8px 8px -8px #b4b4b4;
    box-shadow: inset 0 8px 8px -8px #b4b4b4;
}
.quicklinks h1,
.quicklinks h2,
.quicklinks h3 {
    font-weight:bold;
    font-size:100%;
    padding-left:0.75em;
}
.quicklinks h1::before,
.quicklinks h2::before,
.quicklinks h3::before {
    content:"";
    background-image: url(../../../content/dam/common/design2013/glyphicons_halflings.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-position: -360px -48px;
    width: 16px;
    height: 14px;
    margin-right:0.25em;
    padding:0;
    display:inline-block;
}

.quicklinks text { clear:both; }
.quicklinks ul {
    padding:0;
    margin:0;
    list-style-type: none;
    overflow:auto;
    border-top:1px solid #e6e6e6;
}
.quicklinks ul li {
    list-style-type:none;
    margin:0;
    padding:0; 
    border-bottom:1px solid #e6e6e6;
    overflow:auto;
}
.quicklinks ul li a {
    margin:0;
    padding:0.75em 0.5em;
    display:block;
    color:inherit;
}
.quicklinks ul li a:hover {
    text-decoration:none;
    background-color:#333;
    color:#FFF;

}
.quicklinks ul li a i { background-image: url(../../../content/dam/common/design2013/glyphicons_halflings.png); float: right; margin-right:inherit; }
.quicklinks ul li a:hover i { background-image: url(../../../content/dam/common/design2013/glyphicons_halflings-white.png); }

.quicklinks ul li a i.icon-top { background-image: url(../../../content/dam/common/design2013/ql_top.png); background-position: 0 0; }
.quicklinks ul li a:hover i.icon-top { background-image: url(../../../content/dam/common/design2013/ql_top-white.png); background-position: 0 0; }


/* HOME PAGE - TEXT IMAGE
---------------------------------------------------- */

/* this is the default homepage relatedpar styling */

.page_dept_home .main .relatedpar > .textimage .image {
    height:auto;
}
.page_dept_home .main .relatedpar > .textimage .image img {
    height:auto;
}

/* TABBED SOCIAL MEDIA
-----------------------------------------  */

.socialmedia {
    height:auto;
    min-height:0;
    overflow:hidden;
}
/* when in nav */
.main .nav .socialmedia {
	margin:2em 0 0;
}

.socialmedia * {
    border-radius:0 0 0 0!important;
    border:none;
}
.socialmedia ul.nav-tabs {
    padding:0;
    margin:0;
    margin-bottom: 20px;
    border-bottom:1px solid #CCC;
    background-color:transparent;
}
.socialmedia ul.nav { background-color:transparent; }

.socialmedia ul.nav-tabs > li > a {
    border: none;
    line-height: 20px;
    padding:0.75em 1.5em;
}

.socialmedia ul.nav-tabs > li {
    background-color:transparent;
    border:none none;
    float:left; 
    width:auto;
    height:auto;
    text-align:center;
    padding:0 0 0 0;
}
.socialmedia ul.nav-tabs > .active > a, 
.socialmedia ul.nav-tabs > .active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-image: none;
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:none;
    border-left:1px solid #CCC;
    color: #555555;
    cursor: default;    
}

.socialmedia > .nav-tabs > li > a {
    color:#3f3f3f;
    padding:0;
    margin:0;
    width:auto;
    font-weight:normal;
    text-transform:uppercase   
}
.socialmedia > .nav-tabs > li > a:hover {
    background-color:#e5e5e5;
    margin:0;
    width:auto;
    font-weight:normal;
}
.socialmedia .nav-tabs > li.active > a,
.socialmedia .nav-tabs > li.active > a:hover {
     /*color:#a08e7c;*/
}
.socialmedia .nav-tabs > li.active a:focus {
    outline: none;
    -moz-outline: none;
}
.socialmedia .tab-content {
    margin:0;
    padding:1em;
    width: auto;
    height:auto;
    overflow:hidden;
    border:none;
    background-color:#FFF;
}

.socialmedia .tab-content .tab-pane .fb-like-box,
.socialmedia .tab-content .tab-pane .fb_iframe_widget,
.socialmedia .tab-content .tab-pane .fb_iframe_widget > span, 
.socialmedia .tab-content .tab-pane .fb-like-box > span,
.socialmedia .tab-content .tab-pane iframe {
    max-width:none;
    width:100%!important;
}

/*
 * We want to make the iframes that we're loading fluid , so we need to override some default 
 * styles that set fixed width
*/
 .twitter-timeline,
.fb-like-box > span,
.fb-like-box > span > iframe,
.fb_iframe_widget, 
.fb_iframe_widget span, 
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
}
.fb-like-box { border:none!important; }

/* EVENT LIST
----------------------------------------------------- */


.eventlist {
    margin:0;
}

.eventlist a {
    color:#154665;
}
/* when in nav */
.main .nav .eventlist {
	margin:2em 0 0;
    padding:1em 0 1.25em 1em;
    background-color:#f5f5f5;
    border-top:1px solid #E6E6E6;
    border-bottom:3px solid #e8e8e8;
    border-top:3px solid #e8e8e8;
    border-radius:5px;   
}

/* match h3 style */
.eventlist .listTitle {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin-bottom:1em;
    font-size:120%;
}
.eventlist .listTitle::before {
    content:"";
    background-image: url(../../../content/dam/common/design2013/glyphicons_halflings.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-position: -192px -120px;
    width: 16px;
    height: 14px;
    margin-right:0.25em;
    padding:0;
    display:inline-block;
}

.eventlist ul.upcomingevents { margin:0; padding:0; }
.eventlist ul.upcomingevents span.eventdate { 
    display:block;
    padding:0;
    margin:0 0 0.5em;
    min-height:0;
    width:auto;
    float:inherit;
    text-align:left;
    font-family: 'Open Sans', sans-serif;
}
.eventlist ul.upcomingevents span.eventdate span.eventmonth,
.eventlist ul.upcomingevents span.eventdate span.eventday { 
    margin:0; 
    padding:0.25em; 
    text-align:left;
    text-transform:inherit;
    display:inline-block;
    vertical-align: middle;
}
.eventlist ul.upcomingevents span.eventdate span.eventmonth { 
    text-transform:uppercase; 
    font-size:90%; 
    margin-right:0.25em;
    padding-left:0;
    font-size:100%; 
}
.eventlist ul.upcomingevents span.eventdate span.eventday {
    padding:0.35em 0.25em;
    border:1px solid #333;
    border-top-width:5px;
    background-color:#FFF;
    letter-spacing: -0.06em;
    font-size:85%;  
}
.eventlist ul.upcomingevents li {
    border-bottom:1px solid #E6E6E6;
    padding:1em 0.25em; 
}
.eventlist ul.upcomingevents li:last-child { border-bottom:none; }

.eventlist ul.upcomingevents li a.eventtitle {
    float:inherit;
    display:block;
    width:auto;
    line-height: inherit;
    font-size:100%;
    margin:0;
    padding:0;
}

.eventlist .moreeventslink { text-align:left!important; font-size:inherit!important; }


.eventlist .moreeventslink a{
    background-color: transparent;
    color: #1a597e;
    padding: 0.5em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:normal;
    display:inline-block;   
        
    background-repeat: repeat-x;
    border: 1px solid #1a597e;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
.eventlist .moreeventslink a:hover {
    background-color:#1a597e;
    color:#FFF;
    
    -webkit-transition: background-color 250ms linear, color 250ms linear;
    -moz-transition: background-color 250ms linear, color 250ms linear;
    -o-transition: background-color 250ms linear, color 250ms linear;
    -ms-transition: background-color 250ms linear, color 250ms linear;
    transition: background-color 250ms linear, color 250ms linear;
}


/* EMPHASIS
---------------------------------------------------- */

.emphasis { overflow:auto; }

.emphasis h1 {
    font-size:180%;
    font-weight:bold;
    padding:0;
    margin:1em 0 0.5em;
}

.emphasis{
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size:120%;
    color:#666; 
    line-height: 1.65;
    margin:0 0 1.5em 0;
    padding:0 0 1.75em;
    border-bottom:3px solid #e6e6e6;
}

/* LANDING PAGE - TEXT IMAGE
---------------------------------------------------- */

.main .relatedpar > .textimage .image,
.main .contentpar > .textimage .image,
.main .relatedpar > .reference .textimage .image,
.main .contentpar > .reference .textimage .image {
    margin:1em;
	width:auto!important;
}

.page_dept_content .text-image-float-right img,
.page_dept_content .text-image-float-left img {
    border:1px solid #ccc;
}

/* PROFILE
-----------------------------------------  */

.textimage .profile {
    padding:1em;
    margin:0 0 2em 0;
    background-color:#ededed;
    overflow:auto;
}
.textimage .profile .image {
    padding:0!important;
}
.textimage .profile .image img {
    margin:0 1em 1em 0;
    border:1px solid #ccc;
}

/* BREADCRUMBS
----------------------------------------------------- */

.breadcrumb {
    background-color:transparent;
    display: block;
    margin: 0 0 1em;
    padding:0 0 1em;
    border-radius:0;
    border-bottom:1px solid #e6e6e6;
}
.breadcrumb a {
    display: inline-block;
    vertical-align: middle; 
    font-size: 95%;
    font-weight: normal;
    margin: 0 5px;
    padding: 0;
}

.breadcrumb  a:first-child {
    text-indent:999em;
    display: inline-block;
    /*margin-top: -4px;*/
    text-decoration: none;
    white-space: nowrap;
    *display: inline;
    *zoom: 1;
    vertical-align: middle; 
    width:16px;
    height:14px;

    background-position: -336px -96px;
    background-image: url(../../../content/dam/common/design2013/glyphicons_halflings.png);
    
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.breadcrumb  a:first-child:hover { 
    opacity:0.5; 
}
.breadcrumb  a:last-child {
    color:inherit;
    cursor:default;
    text-decoration:none;   
}

/* these rules to correct the path to the glyphicons */
[class^="icon-"],
[class*=" icon-"] {
	background-image: url(../../../content/dam/common/design2013/glyphicons_halflings.png);
}
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
	background-image: url(../../../content/dam/common/design2013/glyphicons_halflings-white.png);
}

/* UTILITIES
----------------------------------------------------- */

a.ou-btn {
    background-color: transparent;
    color: #1a597e;
    padding: 0.5em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:normal;
    display:inline-block;   
        
    background-repeat: repeat-x;
    border: 1px solid #1a597e;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
a.ou-btn:hover {
    background-color:#1a597e;
    color:#FFF;
    
    -webkit-transition: background-color 250ms linear, color 250ms linear;
    -moz-transition: background-color 250ms linear, color 250ms linear;
    -o-transition: background-color 250ms linear, color 250ms linear;
    -ms-transition: background-color 250ms linear, color 250ms linear;
    transition: background-color 250ms linear, color 250ms linear;
}


.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

h2.h2headerarticle {
    font-family: 'Fjalla One', Optima, Calibri, Arial, sans-serif;
    font-size: 180%;
    font-weight: bold;
    margin: 0;
    padding: 0.25em 0;
    line-height: 40px;
    color: inherit;
    text-rendering: optimizelegibility;
}
h3.h3headerarticle {
    font-family: 'Open Sans Condensed', Trebuchet, Tahoma, Arial, sans-serif;
    font-weight: 700;
    font-size: 150%;
    color: #666;
    margin: 0;
    padding: 0.25em 0;
    line-height: 40px;
    text-rendering: optimizelegibility;
}
.byline {
    font-size: 100%;
    margin: 0;
    line-height: 40px;
    font-weight: normal;
    color: inherit;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
}

.image-left {
    float: left;
}

.image-right {
    float: right;
}

.image-center {
   text-align:center; 
   width:100%;
}



/* COMMON BST - BASE.CSS */


/* GLOBAL HEADER
----------------------------------------- */

.globalheader {
    background-image:url(../../../content/dam/common/design2013/ou-globalheader-bg.jpg);
    background-repeat:repeat;
}
.globalheader::after  {
    content:"";
    background-color:#1e1e1e;
    border-top:1px solid #303030;
    height:1px;
    display:block;
    width:100%;
}
.globalheader > .container-fluid { padding:0; }

.globalheader ul {
    height:30px;
	width:295px;
    list-style-type:none;
	overflow:visible;
	margin:0;
	padding:0;
}
.globalheader ul li { float:left; }
.globalheader ul li a.home,
.globalheader ul li a.search,
.globalheader ul li a.social {
    display:block; 
    height:30px;
    width:30px;
}
.globalheader ul li a {
    background-image: url(../../../content/dam/common/design2013/ou-globalheader-icons.png);
    background-repeat:no-repeat;
}

.globalheader ul li a.home { background-position:0 0; }
.globalheader ul li a.home:hover { background-position:0 -30px; }

.globalheader ul li a.search { background-position:-30px 0; }
.globalheader ul li a.search:hover { background-position:-30px -30px; }

.globalheader ul li a.social { background-position:-60px 0; }
.globalheader ul li a.social:hover { background-position:-60px -30px; }

.globalheader ul li a:hover { background-color:#e8e8e8; }

.globalheader ul li.wordmark {
    text-indent:-99999px;
    width:200px;
    height:30px;
    margin-left:5px;
    background-image:url(../../../content/dam/common/design2013/ou-wordmark.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size: contain;
}

/* FOOTER
------------------------------------- */

.footer {
    background-image:url(../../../content/dam/common/design2013/bg_black.gif);
    background-repeat:repeat;   
    color:#ffffff;
    padding:auto;
    background-color:#333;
}
.footer .row-fluid { margin:2em auto; }

.footer a:link,
.footer a:visited {
    color:#FFF;
}
.footer a:hover{
    text-decoration:underline;
}
.footer .gc-cs-link {
    color:#999999 !important;
    text-decoration:none !important;
}
.footer .footerBottom { border-top:1px solid #474747; padding-top:10px; }

.footer .footerlogo img {
    width: 45px;
    height: 62px;
}

/* social icons */

.footer #footer_social_icons { 
	overflow:auto;
    padding:0;
    margin:0;
}
.footer #footer_social_icons .text { overflow:auto; }
.footer #footer_social_icons .text p { padding:0; margin:0; }
.footer #footer_social_icons h1,
.footer #footer_social_icons h2,
.footer #footer_social_icons h3 {
    color: #ffffff;
    font-size: 100%;
    padding: 0;
	margin: 0 0 5px;
    line-height: normal;
    text-transform: none;
    width:186px;  /* accomodates 3 icons and the more arrow icon */
}
.footer #footer_social_icons ul {
    padding:0;
    margin:0;
    overflow:auto;
    width:186px;  /* accomodates 3 icons and the more arrow icon */
    list-style-type:none;
}
.footer #footer_social_icons ul li { 
	float:left;
	display:block;
}
.footer #footer_social_icons ul li a {
    display:block;
    width: 46px;
    height: 46px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-image: url(../../../content/dam/common/design2013/footer_social_icons.png);
}
.footer #footer_social_icons ul a.facebook { background-position: 0 0; }
.footer #footer_social_icons ul a.facebook:hover { background-position: -46px 0; }

.footer #footer_social_icons ul a.twitter { background-position: 0 -46px; }
.footer #footer_social_icons ul a.twitter:hover { background-position: -46px -46px; }

.footer #footer_social_icons ul a.youtube { background-position: 0 -92px; }
.footer #footer_social_icons ul a.youtube:hover { background-position: -46px -92px; }

.footer #footer_social_icons ul a.instagram { background-position: 0 -138px; }
.footer #footer_social_icons ul a.instagram:hover { background-position: -46px -138px; }

.footer #footer_social_icons ul a.linkedin { background-position: 0 -184px; }
.footer #footer_social_icons ul a.linkedin:hover { background-position: -46px -184px; }

.footer #footer_social_icons ul a.googleplus { background-position: 0 -230px; }
.footer #footer_social_icons ul a.googleplus:hover { background-position: -46px -230px; }

.footer #footer_social_icons ul a.pinterest { background-position: 0 -276px; }
.footer #footer_social_icons ul a.pinterest:hover { background-position: -46px -276px; }

.footer #footer_social_icons ul a.foursquare { background-position: 0 -322px; }
.footer #footer_social_icons ul a.foursquare:hover { background-position: -46px -322px; }

.footer #footer_social_icons ul a.more { background-position: 0 -368px; }
.footer #footer_social_icons ul a.more:hover { background-position: -46px -368px; }

.footer #footer_social_icons .extra-wide ul,
.footer #footer_social_icons .extra-wide h1,
.footer #footer_social_icons .extra-wide h2,
.footer #footer_social_icons .extra-wide h3 {
    width:278px; /* accomodates 5 icons and the more arrow icon */
}

.footer #footer_social_icons .wide ul,
.footer #footer_social_icons .wide h1,
.footer #footer_social_icons .wide h2,
.footer #footer_social_icons .wide h3 {
	width:232px; /* accomodates 4 icons and the more arrow icon */
}
.footer #footer_social_icons .narrow ul,
.footer #footer_social_icons .narrow h1,
.footer #footer_social_icons .narrow h2,
.footer #footer_social_icons .narrow h3 {
	width:140px; /* accomodates 2 icons and the more arrow icon */
}

/* TEXT IMAGE
----------------------------------------------------- */

.textimage .image a { display:block; }

/* QUICKLINKS
----------------------------------------------------- */

.quicklinks li { margin-left:0!important; }

.quicklinks i { margin-right:0.5em; }

.quicklinks i.icon-apply { background-position: -96px -72px; }
.quicklinks i.icon-contact { background-position: -96px -168px; }
.quicklinks i.icon-info { background-position: -120px -96px; }
.quicklinks i.icon-resources { background-position: -48px -48px; }
.quicklinks i.icon-studentlife { background-position: -168px 0; }
.quicklinks i.icon-calendar { background-position: -192px -120px; }
.quicklinks i.icon-support { background-position: -168px -168px; }
.quicklinks i.icon-link { background-position: -72px -168px; }

/* non-glyphicons */
.quicklinks i.icon-gradcap,
.quicklinks i.icon-d2l,
.quicklinks i.icon-ozone,
.quicklinks i.icon-hipaa,
.quicklinks i.icon-ou {
	background-position: 0 0;	
}

.quicklinks i.icon-gradcap { background-image: url(../../../content/dam/common/design2013/ql_gradcap.png); }
.quicklinks i.icon-d2l { background-image: url(../../../content/dam/common/design2013/ql_d2l.png); }
.quicklinks i.icon-ozone { background-image: url(../../../content/dam/common/design2013/ql_ozone.png); }
.quicklinks i.icon-hipaa,
.quicklinks i.icon-ou { background-image: url(../../../content/dam/common/design2013/ql_ou.png); }

/* TABLE
---------------------------------------*/

table {
    margin: 1em 0 2em 0;
    width: 100%;
    text-align: left;
    border: 1px solid #cbcbcb!important;
    background-color: #fafafa;
    -webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.05);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-collapse:separate!important;
}

table th {  
    background: -moz-linear-gradient(#e9eaec, #d4d4d6); /* FF 3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9eaec), color-stop(100%, #d4d4d6)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#e9eaec, #d4d4d6); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#e9eaec, #d4d4d6); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9eaec', endColorstr='#d4d4d6'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9eaec', endColorstr='#d4d4d6')"; /* IE8+ */  
    background: linear-gradient(#e9eaec, #d4d4d6); /* the standard */  
    
    border-bottom: 2px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(255,255,255,.9);
    text-shadow: 0 1px 1px #fff;   
    font-size: 100%;
    padding: 1em;
    color: #555;
}

table td {
    border-top: 2px solid #fefefe;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #fefefe;
    padding: 0.5em 1em;
}

table tr:nth-child(odd) {
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(0,0,0,.05) 100%);
    background: linear-gradient(top, rgba(255,255,255,0.05) 0%,rgba(0,0,0,.05) 100%);
}
table tr:last-child td { border-bottom: none; }
table tr:first-child td { border-top: none; }
table td:last-child { border-right: none; }

/* FOO TABLE
------------------------------------ */

table .footable-sort-indicator { cursor:pointer; }
table > tbody > tr > td a:hover { opacity: 0.5; }

/* filtering/sorting */
table > thead > tr > th.footable-sortable:hover { cursor: pointer; }
table > thead > tr > th > span.footable-sort-indicator {
	display: inline-block;
	width: 16px;
	height: 16px;
	float:right;  
}
table > thead > tr > th.footable-sorted > span.footable-sort-indicator:before,
table > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before,
table > thead > tr > th > span.footable-sort-indicator:before {
	display:block;
	height:100%;	
}
table > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
	/* arrow down */
	content: "";
	background-image: url(../../../content/dam/common/design2013/sorting_sprite.png);
	background-repeat:no-repeat;
	background-position:0 -16px;
}
table > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
	/* arrow up */
	content: "";
	background-image: url(../../../content/dam/common/design2013/sorting_sprite.png);
	background-repeat:no-repeat;
	background-position:0 -32px;
}
table > thead > tr > th > span.footable-sort-indicator:before {
	/* unsorted */
	content: "";
	background-image: url(../../../content/dam/common/design2013/sorting_sprite.png);
	background-repeat:no-repeat;
	background-position:0 0;
}

/* FOO TABLE - SOCIAL MEDIA
------------------------------------ */

/* table body */
table.socialmedia_directory > tbody > tr:hover,
table.socialmedia_ou > tbody > tr:hover { background-color: #ebf4fa; }

table.socialmedia_directory,
table.socialmedia_ou {
    width: 100%;
    text-align: left;
}
table.socialmedia_directory { margin-bottom:0; }
table.socialmedia_ou { margin-bottom:2em; margin-top: 0; }

table.socialmedia_directory > tbody > tr > td a,
table.socialmedia_ou > tbody > tr > td a {
	margin:2px;
	line-height: 0; 
	font-size: 0;
	color: transparent;
	display:block;
	float:left;

	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}


/* icons */
table.socialmedia_directory i,
table.socialmedia_ou i {
	background: url(../../../content/dam/common/design2013/glyphicons_social.png);
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	line-height: 14px;
	vertical-align: text-top;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	vertical-align: top;
	*display: inline;
	*zoom: 1;	
}
table.socialmedia_directory i.pinterest,
table.socialmedia_ou i.pinterest {
	background-position: 0px 0px;
}
table.socialmedia_directory i.dropbox,
table.socialmedia_ou i.dropbox {
	background-position: -48px 0px;
}
table.socialmedia_directory i.google_plus,
table.socialmedia_ou i.google_plus {
	background-position: -96px 0px;
}
table.socialmedia_directory i.jolicloud,
table.socialmedia_ou i.jolicloud {
	background-position: -144px 0px;
}
table.socialmedia_directory i.yahoo,
table.socialmedia_ou i.yahoo {
	background-position: -192px 0px;
}
table.socialmedia_directory i.blogger,
table.socialmedia_ou i.blogger {
	background-position: -240px 0px;
}
table.socialmedia_directory i.amazon,
table.socialmedia_ou i.amazon {
	background-position: -336px 0px;
}
table.socialmedia_directory i.tumblr,
table.socialmedia_ou i.tumblr {
	background-position: -384px 0px;
}
table.socialmedia_directory i.wordpress,
table.socialmedia_ou i.wordpress {
	background-position: -432px 0px;
}
table.socialmedia_directory i.instapaper,
table.socialmedia_ou i.instapaper {
	background-position: 0px -48px;
}
table.socialmedia_directory i.evernote,
table.socialmedia_ou i.evernote {
	background-position: -48px -48px;
}
table.socialmedia_directory i.xing,
table.socialmedia_ou i.xing {
	background-position: -96px -48px;
}
table.socialmedia_directory i.zootool,
table.socialmedia_ou i.zootool {
	background-position: -144px -48px;
}
table.socialmedia_directory i.dribbble,
table.socialmedia_ou i.dribbble {
	background-position: -192px -48px;
}
table.socialmedia_directory i.deviantart,
table.socialmedia_ou i.deviantart {
	background-position: -240px -48px;
}
table.socialmedia_directory i.read_it_later,
table.socialmedia_ou i.read_it_later {
	background-position: -288px -48px;
}
table.socialmedia_directory i.linked_in,
table.socialmedia_ou i.linked_in {
	background-position: -336px -48px;
}
table.socialmedia_directory i.forrst,
table.socialmedia_ou i.forrst {
	background-position: -384px -48px;
}
table.socialmedia_directory i.pinboard,
table.socialmedia_ou i.pinboard {
	background-position: -432px -48px;
}
table.socialmedia_directory i.behance,
table.socialmedia_ou i.behance {
	background-position: 0px -96px;
}
table.socialmedia_directory i.github,
table.socialmedia_ou i.github {
	background-position: -48px -96px;
}
table.socialmedia_directory i.youtube,
table.socialmedia_ou i.youtube {
	background-position: -96px -96px;
}
table.socialmedia_directory i.skitch,
table.socialmedia_ou i.skitch {
	background-position: -144px -96px;
}
table.socialmedia_directory i.foursquare,
table.socialmedia_ou i.foursquare {
	background-position: -192px -96px;
}
table.socialmedia_directory i.quora,
table.socialmedia_ou i.quora {
	background-position: -240px -96px;
}
table.socialmedia_directory i.badoo,
table.socialmedia_ou i.badoo {
	background-position: -288px -96px;
}
table.socialmedia_directory i.spotify,
table.socialmedia_ou i.spotify {
	background-position: -336px -96px;
}
table.socialmedia_directory i.stumbleupon,
table.socialmedia_ou i.stumbleupon {
	background-position: -384px -96px;
}
table.socialmedia_directory i.readability,
table.socialmedia_ou i.readability {
	background-position: -432px -96px;
}
table.socialmedia_directory i.facebook,
table.socialmedia_ou i.facebook {
	background-position: 0px -144px;
}
table.socialmedia_directory i.twitter,
table.socialmedia_ou i.twitter {
	background-position: -48px -144px;
}
table.socialmedia_directory i.instagram,
table.socialmedia_ou i.instagram {
	background-position: -96px -144px;
}
table.socialmedia_directory i.posterous_spaces,
table.socialmedia_ou i.posterous_spaces {
	background-position: -144px -144px;
}
table.socialmedia_directory i.vimeo,
table.socialmedia_ou i.vimeo {
	background-position: -192px -144px;
}
table.socialmedia_directory i.flickr,
table.socialmedia_ou i.flickr {
	background-position: -240px -144px;
}
table.socialmedia_directory i.last_fm,
table.socialmedia_ou i.last_fm {
	background-position: -288px -144px;
}
table.socialmedia_directory i.rss,
table.socialmedia_ou i.rss {
	background-position: -336px -144px;
}
table.socialmedia_directory i.skype,
table.socialmedia_ou i.skype {
	background-position: -384px -144px;
}
table.socialmedia_directory i.e-mail,
table.socialmedia_ou i.e-mail {
	background-position: -432px -144px;
}
table.socialmedia_directory i.vine,
table.socialmedia_ou i.vine {
	background-position: 0px -192px;
}
table.socialmedia_directory i.myspace,
table.socialmedia_ou i.myspace {
	background-position: -48px -192px;
}
table.socialmedia_directory i.goodreads,
table.socialmedia_ou i.goodreads {
	background-position: -96px -192px;
}
table.socialmedia_directory i.apple,
table.socialmedia_ou i.apple {
	background-position: -144px -192px;
}
table.socialmedia_directory i.windows,
table.socialmedia_ou i.windows {
	background-position: -192px -192px;
}
table.socialmedia_directory i.yelp,
table.socialmedia_ou i.yelp {
	background-position: -240px -192px;
}
table.socialmedia_directory i.playstation,
table.socialmedia_ou i.playstation {
	background-position: -288px -192px;
}
table.socialmedia_directory i.xbox,
table.socialmedia_ou i.xbox {
	background-position: -336px -192px;
}
table.socialmedia_directory i.android,
table.socialmedia_ou i.android {
	background-position: -384px -192px;
}
table.socialmedia_directory i.ios,
table.socialmedia_ou i.ios {
	background-position: -432px -192px;
}

/* MIXINS
----------------------------------------------------- */

.break-after { margin-bottom:2em; }
.break-before { margin-top:2em; }

.whiteBG {
    padding:1em;
    margin-bottom:2em;
    background-color:#FFF;
    border:1px solid #CCC;
	width:auto;  
}
.border { border:1px solid #666; }


/* EDIT MODE CLEANUP
------------------------------------------------- */

/* footer */
body.cq-wcm-edit { margin:auto; }
body.cq-wcm-edit .footer {
    padding: auto;
    width: auto;
	height: auto;	
	position:inherit;	
    bottom: auto; 
    left: auto;
}

/* PREVIEW MODE RULES
------------------------------------------------- */

body.cq-wcm-preview .preview-hide {
	display:none;	
}