/* DEPTA BASE.CSS*/

body {
    font-family: Arial, Helvetica, sans-serif;
    background-color:#FFF;
    padding:0;
    margin:0;
    line-height: 1.65em;
    color:#444;
    font-size: 75%;
    overflow-x:hidden;
}
.container-fluid {
    margin:0 auto; /* centering the content */
}
.main { padding:2em 0; }

*:empty { margin:0; padding:0; }
p:empty { display:none; }
a { color:#19577B; outline: none; text-decoration:none; }
a:hover { color:#19577B; text-decoration:underline; }
a:active { color:#19577B; 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;
}
h1, h2, h3, .h2update, .h3update, .h4update {
    padding:0;
    margin:0;
    line-height:normal;
}

h1, .h2update {
    padding:0.5em 0;
    margin:0 0 0 0;
    color:#660000;
    font-size:150%;
    font-weight:bold;
}

.main .title h1 {
    font-size:150%;
    color:#666;
    font-style: italic;
    border-bottom: 1px dotted;
    padding:0 0 0.5em 0;
    margin-bottom:.5em;
}

h2, .h3update {
    color: #660000;
    font-size: 140%;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0;
    text-transform:none;
}

h3, .h4update {
    padding:0.5em 0 1.5em 0;
    margin:0 0 0 0;
    text-transform:uppercase;
    color:#5e5144;
    font-size:100%;
    font-weight:normal;
    clear:both;
}

.ou-btn {
    background-color: #1a597e;
    color: #FFFFFF!important;
    padding: 0.75em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:1.3;
    display:inline-block;

    /*background: -moz-linear-gradient(#00B8F1, #0085E7);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00B8F1), color-stop(100%, #0085E7));
    background: -webkit-linear-gradient(#00B8F1, #0085E7);
    background: -o-linear-gradient(#00B8F1, #0085E7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7')";
    background: linear-gradient(#00B8F1, #0085E7);  */

    /*background-repeat: repeat-x;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 1px 0 #00EDFB inset;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); */
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
.specialone {font-weight:bold;}
.specialtwo {font-style:italic;}

li, ul {
    margin:0;
    padding:0;
}
ul {
    list-style-position: inside;
    list-style-type:square;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
    margin: 0.75em 0;
}
.code { overflow: auto; clear:both; }

.breadcrumb {
    text-transform: uppercase;
    font-size: 85%;
    background-image:none;
    background-color:transparent;
    border:none;
    padding:0;
    margin:0 0 1.5em 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/depta/design2013/ou-header-bg.jpg);
    background-repeat: repeat;
    min-height: 120px;
    border-bottom: .75em solid #440000;
    position:relative;
}
.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;
}


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

.column-outline > .parsys_column {
    border:1px solid #ccc;
    padding:1.5em;
    margin-bottom:2em;
}
.column-outline .parsys_column .textimage {
    overflow:visible;
}
.column-outline > .parsys_column h1,
.column-outline > .parsys_column h2,
.column-outline > .parsys_column h3 {
    padding:0.5em 0 1.5em 0;
    margin:0;
    text-transform:uppercase;
    color:#5e5144;
    font-size:100%;
    font-weight:normal;
}
.column-outline > .parsys_column .image {
    margin-bottom:2em;
}
.column-outline > .parsys_column .image img {
    border:1px solid #ccc;
}
.text-image-feature-float-right,
.text-image-feature-float-left {
    padding:1em;
    margin:0 0 2em 0;
    border: 1px solid #CCC;
    background-color:#f2f2f2;
    overflow:auto;
}
.text-image-feature-float-right img,
.text-image-feature-float-left img {
    border:1px solid #CCC;
}
.text-image-feature-float-right img { margin:0 0 1em 2em; }
.text-image-feature-float-left img { margin:0 2em 1em 0; }

.page_dept_content .text-image-float-left img { margin:0 2em 1em 0; }
.page_dept_content .text-image-float-right img { margin:0 0 1em 2em; }

.column-control-right-sidebar,
.column-control-left-sidebar { margin-bottom:2em; }

.column-control-right-sidebar > div:last-child,
.column-control-left-sidebar > div:first-child { background-color:#ededed; padding:1em; }

.column-control-right-sidebar > div:last-child .image img,
.column-control-left-sidebar > div:first-child .image img { margin-bottom:2em; border:1px solid #CCC; }

.column-control-right-sidebar > div:last-child .textimage,
.column-control-left-sidebar > div:first-child .textimage {
    overflow:auto;
    border-bottom:1px dotted #666;
    padding:0.75em 0;
    margin:0;
}
.column-control-right-sidebar > div:last-child .textimage:first-child,
.column-control-left-sidebar > div:first-child .textimage:first-child { padding-top:0; }

.column-control-right-sidebar > div:last-child .textimage:last-child,
.column-control-left-sidebar > div:first-child .textimage:last-child { border-bottom:none; }

.column-control-right-sidebar > div:last-child .textimage .text p,
.column-control-left-sidebar > div:first-child .textimage .text p { font-weight:normal; margin-bottom:0 }

.column-control-right-sidebar > div:last-child .textimage img,
.column-control-left-sidebar > div:first-child .textimage img {
    border:none;
    margin:0 1em 0 0;
}



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

/* general */

.main .nav {
    background-color:#ededed;
    padding:0.5em;
}

.mainnavigation {
    padding:0;
    margin:0;
}
.mainnavigation a {
    margin: 0;
    padding: 0.5em 1em;
    display:block;
    color:#154765;
}
.mainnavigation a:hover { text-decoration:none; }
.mainnavigation ul { list-style-type:none;   }
.mainnavigation ul:empty { display:none; }

.page_dept_home .mainnavigation #main_navigation ul li:first-child a {
    background-color:#e8f4ff; /* highlight home on homepage only */
}

/* top level */

.mainnavigation #main_navigation > ul {
    background-color: #ffffff;
    border:1px solid #ccc;
    padding:0.5em;
    list-style-type:none;
}
.mainnavigation #main_navigation > ul > li {
    border-top:1px solid #ededed;
    border-bottom:1px solid #fefefe;
}
.mainnavigation #main_navigation > ul li#main_navigation_active_li a { /* first level selected link */
    background-color:#e8f4ff;
}

.mainnavigation #main_navigation > ul > li:first-child { border-top:none; }
.mainnavigation #main_navigation > ul > li:last-child { border-bottom:none; }
.mainnavigation #main_navigation > ul > li a:hover {
    background-color:#e8f4ff;
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent > a { border-bottom:1px solid #fefefe; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent > a,
.mainnavigation #main_navigation > ul li.main_nav_active_parent > a:hover { /* first level selected link */
    background-color:#e8f4ff;
}

/* second level */

.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li#main_navigation_active_li a { /* second level selected link */
    background-color:#e8f4ff;
}

.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child { background-color:#f5fbfe; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child li a { padding-left:2em; }

.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 { background-color:#e1e1e1; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li {
    border-top:1px solid #ededed;
    border-bottom:1px solid #fefefe;
}
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li:first-child { border-top:none; }
.mainnavigation #main_navigation > ul li.main_nav_active_parent ul.main_nav_active_child > li:last-child { border-bottom:none; }

/* 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 { background-color:#ededed; }
.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 { padding-left:3em; }
.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 { background-color:#d6d6d6; }
.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-top:1px solid #ededed;
    border-bottom:1px solid #fefefe;
}
.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:first-child { border-top: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 > li:last-child { border-bottom:none; }

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

.quicklinks {
    margin:0;
    padding:0;
}
.quicklinks h1,
.quicklinks h2,
.quicklinks h3 {
    display:none;
}

.quicklinks ul {
    background-image:url(../../../content/dam/depta/design2013/bg_black.gif);
    background-repeat:repeat;
    padding:0 1em;
    margin:0;
    list-style-type: none;
    overflow:auto;
}
.quicklinks ul li {
    border-bottom:1px solid #444444;
    list-style:none;
    margin:0;
    padding:0;
}
.quicklinks ul li:last-child { border-bottom:none; }

.quicklinks ul li a {
    margin:0;
    padding:0.75em 0;
    display:block;
    color:#FFF;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.5;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.5;
}
.quicklinks ul li a:hover {
    color:#FFF;
    text-decoration:none;

    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=100);

    /* Older than Firefox 0.9 */
    -moz-opacity:1;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 1;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 1;

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

.quicklinks ul li a i.icon-gradcap { background-image: url(../../../content/dam/common/design2013/ql_gradcap-white.png); }
.quicklinks ul li a i.icon-d2l { background-image: url(../../../content/dam/common/design2013/ql_d2l-white.png); }
.quicklinks ul li a i.icon-ozone { background-image: url(../../../content/dam/common/design2013/ql_ozone-white.png); }
.quicklinks ul li a i.icon-hipaa,
.quicklinks ul li a i.icon-ou { background-image: url(../../../content/dam/common/design2013/ql_ou-white.png); }
.quicklinks ul li a i.icon-top { background-image: url(../../../content/dam/common/design2013/ql_top-white.png); background-position: 0 0; }


/* BACK TO TOP LEVEL
------------------------------------------------- */



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

.feature {
    background-image:url(../../../content/dam/depta/feature/ou-feature-bg-gray.jpg);
    background-repeat:repeat;
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.75);
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.75);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,.75);
    padding:2em 0;
    border-bottom:1px solid #b8b8b8;
}
.feature .featurepar {
    padding:0;
    margin:0;
    width:auto;
}

/* the column rules are used when text is set to the right of the feature element */
.feature .bootstrap-c1 > .text {
    padding: 2em 0 1em;
    margin:0;
    border-bottom:1px solid #a5a5a5;
    border-top:1px solid #e4e4e4;
}
.feature .bootstrap-c1 > .text:last-child { border-bottom:none; padding-bottom:0;  }
.feature .bootstrap-c1 > .text:first-child { border-top:none;  }

.feature .bootstrap-c1 > .text h1,
.feature .bootstrap-c1 > .text h2,
.feature .bootstrap-c1 > .text h3 {
    margin:0 0 0.5em 0;
    padding:0;
    text-transform:uppercase;
    color:#5e5144;
    font-size:100%;
    font-weight:normal;
}

/* tan feature */
body.tan-feature .feature {
    background-image:url(../../../content/dam/depta/feature/ou-feature-bg-tan.jpg);
    background-repeat:repeat;
    -moz-box-shadow: inset 0 5px 5px -5px rgba(180,170,150,0.75);
    -webkit-box-shadow: inset 0 5px 5px -5px rgba(180,170,150,0.75);
    box-shadow: inset 0 5px 5px -5px rgba(180,170,150,0.75);
    padding:2em 0;
    border-bottom:1px solid #bebb99;
}


/* FEATURE - CAROUSEL  (SUMMER 2013)
------------------------------------------- */

.feature .featurepar .mc_carousel { background-color:#FFF; }

.feature .featurepar .mc_carousel .carousel { margin:0; position:relative; border:1px solid #333; }

/* the image */
.feature .featurepar .mc_carousel .carousel a.mcslide-bypasslink { display:block; }
.feature .featurepar .mc_carousel .carousel a.mcslide-bypasslink img.mcslide-image {
    min-height:270px;
    display:block;
}

/* the arrows */
.feature .featurepar .mc_carousel .carousel .carousel-control {
    background-color:#1a597e;
    border: 4px solid #FFFFFF;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 100;
    text-align: center;

    left: 15px;
    line-height: 30px;
    margin: 0;

    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;

    -webkit-transform: translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform: translateY(-50%);

    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;

    opacity: 0.5;
}
.feature .featurepar .mc_carousel .carousel .left.carousel-control { left:15px; right:auto; }
.feature .featurepar .mc_carousel .carousel .right.carousel-control { right:15px; left:auto; }
.feature .featurepar .mc_carousel .carousel .carousel-control:hover { opacity: 1.0; }

/* item title, description, action ect */
.feature .featurepar .mc_carousel .carousel .mcslide-text {
    background-image:url(../../../content/dam/depta/design2013/bg_black.gif);
    background-repeat:repeat;
    height: auto;
    min-height: 0;
    padding: 1em;
    position:inherit;
    overflow:auto;
}
.feature .featurepar .mc_carousel .carousel .mcslide-text .mcslide-title {
    font-size:130%;
    padding:0 0 0.5em 0;
    margin:0 0 0.5em 0;
    color:#FFF;
    text-transform:uppercase;
    display:block;
    font-weight:bold;
    border-bottom:1px solid #666;
}
.feature .featurepar .mc_carousel .carousel .mcslide-text p.mcslide-desc {
    padding:0;
    margin:0 0 0.5em 0;
    clear:both;
    line-height:1.65;
    display:block;
    color:#FFF;
}
.feature .featurepar .mc_carousel .carousel .mcslide-text a.mcslide-action {
    background-color: #1a597e;
    color: #FFFFFF!important;
    padding: 0.75em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:1.3;
    display:inline-block;

    /*background: -moz-linear-gradient(#00B8F1, #0085E7); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00B8F1), color-stop(100%, #0085E7)); 
    background: -webkit-linear-gradient(#00B8F1, #0085E7); 
    background: -o-linear-gradient(#00B8F1, #0085E7);   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7')"; 
    background: linear-gradient(#00B8F1, #0085E7);  */

    /*background-repeat: repeat-x;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 1px 0 #00EDFB inset;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); */
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
.feature .featurepar .mc_carousel .carousel .mcslide-text a.mcslide-action:hover {
    background-color: #154765;
    /* background-repeat: repeat-x;

     background: -moz-linear-gradient(#25cbff, #0076ce);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25cbff), color-stop(100%, #0076ce));
     background: -webkit-linear-gradient(#25cbff, #0076ce);
     background: -o-linear-gradient(#25cbff, #0076ce);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25cbff', endColorstr='#0076ce');
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#25cbff', endColorstr='#0076ce')";
     background: linear-gradient(#25cbff, #0076ce);  */
}


/* FEATURE CAROUSEL (JAN 2014)
----------------------------------------- */

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

.feature .webcomm-carousel .carousel-inner {

}
.feature .webcomm-carousel .carousel-inner .carousel-image {
    width:100%;
}
.feature .webcomm-carousel .carousel-inner .carousel-image img {
    max-width:100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    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-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: #1a597e;
    color: #FFFFFF!important;
    padding: 0.75em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:1.3;
    display:inline-block;
    border: 0 none;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
    margin:1em 0 0 1em;
    float:right;
}
.feature .webcomm-carousel .carousel-inner .carousel-caption a.webcomm-carousel-actionLink:hover {
    background-color: #154765;
}



/* left/right arrow */
.feature .webcomm-carousel a.carousel-control {
    background-color: #1a597e;
    border: 4px solid #FFFFFF;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 50px;
    font-weight: 100;
    text-align: center;

    left: 15px;
    line-height: 30px;
    margin: 0;

    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;

    -webkit-transform: translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform: translateY(-50%);

    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;

    opacity: 0.5;

}
.feature .webcomm-carousel a.carousel-control.left {
    left:15px;
    right:auto;
}
.feature .webcomm-carousel a.carousel-control.right {
    right:15px;
    left:auto;
}
.feature .webcomm-carousel a.carousel-control.right:hover,
.feature .webcomm-carousel a.carousel-control.left:hover {
    opacity:1;
}


body.tan-feature .feature .webcomm-carousel {
    border:1px solid #bebb99;
}


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

.feature .featurepar .feature_image {
    border:5px solid #FFF;
    padding:1px;
    overflow:auto;
    position:relative;
}
.feature .featurepar .feature_image small {
    max-width:40%;
    position:absolute;
    top:1em;
    left:1em;
    background-color:#FFF;
    -moz-box-shadow: 0 0 5px #444;
    -webkit-box-shadow: 0 0 5px #444;
    box-shadow: 0 0 5px #444;
    padding:0.75em 1.5em;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    font-size:100%;
}



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

.feature .feature_txtimg {
    padding:0.5em;
    border:1px solid #999;
    background-color:#FFF;
    position:relative;
}
.feature .feature_txtimg .image {
    display:block;
}
.feature .feature_txtimg .text {
    max-width:35%;
    padding:1.5em;
    /*text-shadow: 1px 1px 1px #FFF;*/
}


/* tan feature */
body.tan-feature .feature .feature_txtimg {
    border:1px solid #bebb99;
}

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

/* 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 .feature_tabs .tab-content .tab-pane .thistab .ou-btn {

    text-shadow:none;
}


/* LANDING PAGE
---------------------------------------------------- */

.emphasis { overflow:auto; }

.emphasis h1 {
    font-size:150%;
    font-weight:bold;
    color:#660000;
    padding:0;
    margin:1em 0;
}

.emphasis{
    font-family:Georgia;
    font-style:italic;
    color:#666;
    font-size:125%;
    line-height: 1.65;
    margin:0 0 1.5em 0;
    padding:1em 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.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;
}



/* EVENT LIST (CALENDAR)
-------------------------------------------- */

.eventlist {
    padding:1em;
    margin:0;
    border:1px solid #CCCCCC;
    background-color:#FFF;
}
/* when in nav */
.main .nav .eventlist {
    margin:2em 0 0;
}

.eventlist .listTitle {
    padding-bottom:1.5em;
    margin:0 0 0 0;
    text-transform:uppercase;
    color:#5e5144;
    font-size:100%;
    font-weight:normal;
}

.eventlist ul.upcomingevents {
    margin:0;
    padding:0;
    list-style-type:none;
}

.eventlist ul.upcomingevents li {
    margin-bottom:0.5em;
    margin-left:0;
    padding:0.25em;
}
.eventlist ul.upcomingevents li:hover { background-color:#e8f4ff; }

.eventlist ul.upcomingevents .eventdate {
    border:1px solid #CCCCCC;
    background-color:#ededed;
    padding:0.35em;
    margin:0 0.75em 0 0;
    min-height:0;
    width:auto;
}

.eventlist ul.upcomingevents .eventdate .eventmonth {
    font-size:85%;
    text-align:center;
    padding:0.25em 0;
    margin:0;
    display:block;
}

.eventlist ul.upcomingevents .eventdate .eventday {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #257eb3;
    font-family: Georgia;
    font-size:150%;
    margin: 0;
    padding: 0.5em 0.25em 0.5em 0.25em;
    -moz-box-shadow: inset 1px 1px 1px #CCCCCC;
    -webkit-box-shadow: inset 1px 1px 1px #CCCCCC;
    box-shadow: inset 1px 1px 1px #CCCCCC;
}

.eventlist ul.upcomingevents span.eventdate .eventmonth,
.eventlist ul.upcomingevents span.eventdate .eventday {
    display:block;
}

.eventlist ul.upcomingevents a.eventtitle {
    padding-top:0.25em;
    padding-right:0;
    padding-bottom:0.25em;
    padding-left:0;
    width:75%;
    height:auto;
    display:block;
    float:left;
    font-size:100%;
}
.eventlist .moreeventslink {
    background-color: transparent;
    border-top: 1px solid #CCCCCC;
    margin-top: 1em;
    padding: 1em 0 0 !important;
    font-size: inherit !important;
}
.eventlist .moreeventslink a {
    display:block;

}
.eventlist .moreeventslink a:hover {
    color:#1a597e;
}

/* 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;
}

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

.socialmedia {
    height:auto;
    min-height:0;
    overflow:hidden;
}
.socialmedia * {
    border-radius:0 0 0 0!important;
    border:none;
}
.socialmedia ul.nav-tabs {
    padding:0;
    margin:0;
    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:#ededed;
    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-top:none;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    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; }


/* 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: #1a597e;
    color: #FFFFFF!important;
    padding: 0.75em 1.5em;
    margin:1em 0 0;
    font-size:100%;
    line-height:1.3;
    display:inline-block;

    /*background: -moz-linear-gradient(#00B8F1, #0085E7); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00B8F1), color-stop(100%, #0085E7)); 
    background: -webkit-linear-gradient(#00B8F1, #0085E7); 
    background: -o-linear-gradient(#00B8F1, #0085E7);   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B8F1', endColorstr='#0085E7')"; 
    background: linear-gradient(#00B8F1, #0085E7);  */

    /*background-repeat: repeat-x;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4), 0 1px 0 #00EDFB inset;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); */
    border: 0 none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
a.ou-btn:hover {
    background-color: #154765;
    /* background-repeat: repeat-x;

     background: -moz-linear-gradient(#25cbff, #0076ce);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25cbff), color-stop(100%, #0076ce));
     background: -webkit-linear-gradient(#25cbff, #0076ce);
     background: -o-linear-gradient(#25cbff, #0076ce);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25cbff', endColorstr='#0076ce');
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#25cbff', endColorstr='#0076ce')";
     background: linear-gradient(#25cbff, #0076ce);  */
}

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

h2.h2headerarticle {
    padding: 0.5em 0;
    margin: 0 0 0 0;
    color: #660000;
    font-size: 150%;
    font-weight: bold;
    line-height: normal;
    font-family: inherit;
    text-rendering: optimizelegibility;
}
h3.h3headerarticle {
    color: #660000;
    font-size: 140%;
    font-weight: bold;
    margin: 0;
    padding: 0.5em 0;
    line-height: normal;
    text-transform: none;
    text-rendering: optimizelegibility;
}
.byline {
    font-size: 100%;
    margin: 0;
    line-height: 40px;
    font-weight: normal;
    color: inherit;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
}