/* DEPT C BASE.CSS */

@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);

@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

body {
    font-family: 'Roboto', Geneva, Tahoma, Verdana, sans-serif;
    background-color:#f0f0f0;
    background-image:url(../../../content/dam/deptc/design2013/bodyBG.jpg);
    background-repeat:repeat;
    padding:0;
    margin:0;
    line-height: 1.65em;
    color:#444;
    font-size: 80%;
    font-weight:normal;
    overflow-x:hidden;
}

h1, h2, h3, .h2update, .h3update, .h4update {
    margin:0;
    padding:0.25em 0;
}
h1, .h2update {
    font-family: 'Playfair Display', Georgia, Times, ‘Times New Roman’, serif;
    font-size:200%;
    font-weight: 700;
}
h2, .h3update {
    font-family: 'Roboto Condensed', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-weight: 700;
    font-size:150%;
    color: #666; /*#981a1e;*/
    letter-spacing: -0.025em;
}
h3, .h4update {
    font-size:110%; 
}
.ou-btn {
    background-color: #981a1e;
    color: #FFF;
    padding: 0.75em 2em;
    margin:1em 0 0;
    font-size:95%;
    line-height:normal;
    text-transform:uppercase;
    display:inline-block;

    border-bottom: 3px solid #550000;
    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:#981a1e; outline: none; text-decoration:none; }
a:hover { color:#981a1e; text-decoration:underline; }
a:active { color:#981a1e; 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;   
}

blockquote {
    border-left:none;
    border-bottom:5px solid #981d21;
    padding:0 3em 4em 0;
    margin:0 0 1em 2em;
}
blockquote p {
    font-family: 'Playfair Display', Georgia, Times, ‘Times New Roman’, serif;
    font-size:150%;
    color:#979797;
    line-height:1.5;
}
.pull-right { width:50%; }

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

.header { background-color:#FFFFFF; }
.header .headeripar > .section.image a { display:inline-block; }


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

.feature { background-color:#FFFFFF; }
.feature .container-fluid { 
    padding-left: 0;
    padding-right: 0;
}


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

.feature .carousel { margin:0; /* override */ }
.feature .webcomm-carousel { border-top:1px solid #d4d4d4; margin:0; padding-top:5px; }

.feature .webcomm-carousel ol.carousel-indicators {
    top:20px;
    right:auto;
    left:50%;
    bottom:auto;
    margin:0 auto;
    overflow:visible;

    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.feature .webcomm-carousel ol.carousel-indicators li { 
    background-color:rgba(255,255,255,0.65); 
    cursor:pointer; 
    margin:0 5px;
    
    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.5);
}

.feature .webcomm-carousel ol.carousel-indicators li.active { background-color:rgba(255,255,255,1); }

.feature .webcomm-carousel .webcomm-carousel-item { background-color:#FFFFFF; }

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

.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: 'Roboto Condensed', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-weight: 700;
    font-size:150%;
    color: #FFFFFF;
    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: #981a1e;
    color: #FFF;
    padding: 0.75em 2em;
    margin:1em 0 0;
    font-size:95%;
    line-height:normal;
    text-transform:uppercase;
    display:inline-block;   
        
    border-bottom: 3px solid #550000;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
.feature .webcomm-carousel .carousel-inner .carousel-caption a.webcomm-carousel-actionLink:hover {
    background-color:#770000;
    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;
}

.feature .webcomm-carousel .carousel-inner .carousel-caption a.webcomm-carousel-actionLink:active {
    position: relative;
    top: 1px;
}

/* left/right arrow */
.feature .webcomm-carousel a.carousel-control {
    background-color: #000000;
    display:block;
    border-top:1px solid #444444;
    border-bottom:1px solid #444444;
    border-radius: 0;
    opacity: 1.0;

    margin: inherit;
    padding: 20px 5px;
    height: auto;
    width: auto;

    font-family: monospace;
    text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.4); 
    color: #FFFFFF;
    font-size: 600%;
    font-weight: inherit;
    line-height: inherit;
    text-align: center;

    position: absolute;   
    top: 50%;
}
.feature .webcomm-carousel a.carousel-control.left {
    border-right:1px solid #444444;
    border-left:none; 
      
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.feature .webcomm-carousel a.carousel-control.right {
    border-right:none;
    border-left:1px solid #444444; 
    right: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.feature .webcomm-carousel a.carousel-control.left:hover,
.feature .webcomm-carousel a.carousel-control.right:hover { color:#981a1e; }


/* 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 {
    padding:5px 0;
    margin:0;
    border-top:1px solid #d4d4d4;
    border-bottom:none;
}
.feature .feature_tabs ul.nav-tabs > li a { 
    color:inherit;
}


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

.feature .feature_txtimg h1,
.feature .feature_txtimg h2,
.feature .feature_txtimg h3 {
    margin:0;
    padding:0;
    height:0;
    visibility:hidden;
}
.feature .feature_txtimg h1::after,
.feature .feature_txtimg h2::after,
.feature .feature_txtimg h3::after {
    visibility:visible;
    
    content:"Whoops! You used a heading field instead of the 'special' declaration. To style the feature textimage correctly, place your heading in the description field below and define it as either 'special one' or 'special two'";
    width:400px;
    display:block;
    font-size:14px;
    padding:1em;
    line-height:1.65;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    
    position:absolute;
    z-index:999;
    top:20px;
    left:20px;

    background-color: #FAA732;
    background-image: linear-gradient(to bottom, #FBB450, #F89406);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    
}

.feature .feature_txtimg .text .specialone,
.feature .feature_txtimg .text .specialtwo {
    font-family: 'Roboto Condensed', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-weight: 700;
    font-size:150%;
    color: #FFFFFF; 
    letter-spacing: 0.015em;
}

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

.feature .feature_image {
    width:auto;
    border-top:1px solid #d4d4d4;
	text-align: center;	
}
.feature .feature_image .image {
    height:auto;
}
.feature .feature_image .image img {
	display:block;
	margin-right:auto;
	margin-left:auto;	
}


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

/* general */

.main .nav,
.mainnavigation {
    padding:0;
    margin:0;
}
.mainnavigation {
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
}
.mainnavigation a {
    margin: 0;
    padding: 0.5em 1em;
    display:block;
    color:#333;
    background-color:#f5f5f5;
    border-right:1px solid #DDDDDD;
}
.mainnavigation a:hover { text-decoration:none; }
.mainnavigation ul { 
    list-style-type:none;
    overflow:auto; 
    padding:0;
    margin:0;
}
.mainnavigation ul:empty { display:none; }
.mainnavigation ul.main_nav_active_child > li:first-child > a {
    border-top:1px solid #b8b8b8;
    -moz-box-shadow: inset 0 4px 4px -4px rgba(180, 180, 180, 0.85);
    -webkit-box-shadow: inset 0 4px 4px -4px rgba(180, 180, 180, 0.85);
    box-shadow: inset 0 4px 4px -4px rgba(180, 180, 180, 0.85);
}

.page_dept_home .mainnavigation #main_navigation > ul li:first-child a { /* home link active by default */ 
    background-color:#FFFFFF; 
    border-left:4px solid #660000;
    border-right:none;
}

/* top level */
.mainnavigation #main_navigation > ul > li { border-bottom:1px solid #DDDDDD; }
.mainnavigation #main_navigation > ul > li:last-child { border-bottom:none; }
.mainnavigation #main_navigation > ul > li > a  { border-left:1px solid #DDDDDD; }

.mainnavigation #main_navigation > ul > li > a:hover { /* default link in the current level */
    background-color:#FFFFFF;
     -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_navigation_active_li > a { /* selected link when no child links exist */
    border-left:4px solid #660000;
    background-color:#FFFFFF;
    border-right-color: rgba(221, 221, 221, 0);
}

/* 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:#FFFFFF;
    border-left:4px solid #660000;
    border-bottom:1px solid #DDDDDD;
    border-right-color:transparent;
}
.mainnavigation #main_navigation > ul > li.main_nav_active_parent > ul.main_nav_active_child { 
    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 #DDDDDD; }
.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 #DDDDDD;
}
.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:#FFFFFF;
    -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:#FFFFFF;
    border-left:4px solid #660000;
}

/* 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 #DDDDDD; }
.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 {
    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 #DDDDDD;
}
.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:#FFFFFF;
    -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:#FFFFFF;
    border-left:4px solid #660000;
    border-right-color:transparent;
}

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

.quicklinks {
    border:1px solid #DDDDDD;
    background-color:#f5f5f5;
    padding:1em;
    margin-top:1em;
}
.quicklinks h1,
.quicklinks h2,
.quicklinks h3 {
    padding-top:0;
    padding-bottom:1em;
    margin-bottom:1em;
    border-bottom:1px solid #e6e6e6;
    line-height:normal; 
}

.quicklinks ul {
    padding:0;
    margin:0 0 0 0.35em;
}

.quicklinks ul li {
    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:#222;

    /* 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=90);
    
    /* Older than Firefox 0.9 */
    -moz-opacity:0.9;
    
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.9;
    
    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.9;
}
.quicklinks ul li a:hover {
     text-decoration:underline;

    /* 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.icon-top { background-image: url(../../../content/dam/common/design2013/ql_top.png); background-position: 0 0; }


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

/* when in nav */
.main .nav .eventlist {
    margin:2em 0 0;
}

/* match h3 style */
.eventlist .listTitle {
    font-weight: 700;
    margin-bottom:1em;
    font-size:110%;
}

.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: #981a1e;
    color: #FFF;
    padding: 0.75em 2em;
    margin:1em 0 0;
    font-size:95%;
    line-height:normal;
    text-transform:uppercase;
    display:inline-block;   
        
    border-bottom: 3px solid #550000;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
.eventlist .moreeventslink a:hover {
    background-color:#770000;
    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;
}
.eventlist .moreeventslink a:active {
    position: relative;
    top: 1px;
}



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



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

.breadcrumb {
    background-color:transparent;
    display: block;
    margin: 0 0 1em;
    padding:0 0 1em;
    border-radius:0;
}
.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;   
}


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

/* CONTENT AREA
------------------------------------- */

.main { border-top:1px solid #d4d4d4; }

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

.emphasis h1 {
    line-height: 1.2;
    margin: 0 0 10px;
    padding: 15px 0 0;
    position: relative;
    overflow:hidden;
}
.emphasis h2:after {
    content: "";
    background-color: #DDDDDD;
    height:1px;
    width: 100%;
    position: absolute;
    bottom: 20%;
    margin-left: 10px;
}


.emphasis{
    margin-bottom:2.5em;
    font-weight:400;
    font-style:italic;
    color:#333;
    line-height:1.6;
    font-size:120%; 
}

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

.textimage .profile {
    padding:1em;
    margin:0 0 2em 0;
    overflow:auto;
    border:1px solid  #DDDDDD;
}
.textimage .profile .image {
    padding:0;
}
.textimage .profile .image img {
    margin:0;
}


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

a.ou-btn {
    background-color: #981a1e;
    color: #FFF;
    padding: 0.75em 2em;
    margin:1em 0 0;
    font-size:95%;
    line-height:normal;
    text-transform:uppercase;
    display:inline-block;   
        
    border-bottom: 3px solid #550000;
    border-radius: 4px 4px 4px 4px;
    
    cursor: pointer;
    text-decoration: none;
    white-space:nowrap;
}
a.ou-btn:hover {
    background-color:#770000;
    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;
}
a.ou-btn:active {
    position: relative;
    top: 1px;
}


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



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

/* main > container shift */
body.cq-wcm-edit .main { padding-top:2em; }
body.cq-wcm-edit .main .container-fluid { top:inherit; }

.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: "Playfair Display", Georgia, Times, "‘Times New Roman’", serif;
    font-size: 200%;
    font-weight: 700;
    margin: 0;
    padding: 0.25em 0;
    line-height: 40px;
    color: inherit;
    letter-spacing: 0em
    text-rendering: optimizelegibility;
}
h3.h3headerarticle {
    font-family: 'Roboto Condensed', 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    font-weight: 700;
    font-size: 150%;
    color: #666;
    letter-spacing: -0.025em;
    margin: 0;
    padding: 0.25em 0;
    line-height: 40px;
    text-rendering: optimizelegibility;
}
.byline {
    font-size: 100%;
    margin: 0;
    line-height: 40px;
    font-weight: bold;
    color: inherit;
    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;	
}