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