/* DEPT A DESKTOP.CSS */

.container-fluid { max-width:940px; }

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

.feature .webcomm-carousel .carousel-inner .carousel-image { height:450px; }
.feature .webcomm-carousel .carousel-inner .carousel-image img {
	position: relative;
	top: 50%;

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

/* these rules for active item */
.feature .webcomm-carousel .active.left,
.feature .webcomm-carousel .active.right {    
	/*border:1px solid red;*/
}

.feature .webcomm-carousel .carousel-inner .carousel-caption { position:absolute; }



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

.feature .feature_tabs {  }

.feature .feature_tabs ul.nav-tabs {
    border-bottom: none;
    margin:0;
    padding:0;  
}
.feature .feature_tabs ul.nav-tabs li {
    padding:0;
    margin-right:0.25em;
}
.feature .feature_tabs ul.nav-tabs li.active { overflow:hidden; }

.feature .feature_tabs ul.nav-tabs li a {
	color:#666666;
    margin:0;
    border-radius:0 0 0 0;
} 
.feature .feature_tabs ul.nav-tabs li.active a {
    font-weight:bold;
    background-color:#fff;
	
}
.feature .feature_tabs ul.nav-tabs > .active > a, 
.feature .feature_tabs ul.nav-tabs > .active > a:hover {
    border-left-color: #999;
    border-right-color: #999;
    border-top-color: #999;
}

.feature .feature_tabs .tab-content {
    padding:0.5em;
    border:1px solid #999;
    background-color:#FFF;
}
.feature .feature_tabs .tab-content .tab-pane { 
	min-height:290px;
	overflow:hidden;
	background-repeat:no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.feature .feature_tabs .tab-content .tab-pane .thistab {
    max-width:35%;
    float:left;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.85); 
    -moz-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    padding:1.5em;
    margin:1em;
    /*text-shadow: 1px 1px 1px #FFF; */
}
.feature .feature_tabs .tab-content .tab-pane .thistab p  {
    font-size:100%;
    color:#333;
}
.feature .feature_tabs .tab-content .tab-pane .thistab .ou-btn {
	margin-bottom:0;
        text-shadow:none;	
}

/* tan feature */
body.tan-feature .feature .feature_tabs ul.nav-tabs > .active > a, 
body.tan-feature .feature .feature_tabs ul.nav-tabs > .active > a:hover {
    border-left-color: #bebb99;
    border-right-color: #bebb99;
    border-top-color: #bebb99;
}
body.tan-feature .feature .feature_tabs .tab-content {
    border:1px solid #bebb99;
}
body.tan-feature .nav > li > a:hover { background-color: #f2f1eb; }
body.tan-feature .nav > li > a:focus { background-color: #FFFFFF; }


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

.feature .feature_txtimg .text {
    max-width:35%;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.85); 
    -moz-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    -webkit-box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
    box-shadow: 0 0 5px rgba(108, 108, 108, 0.75);
	margin:1.5em;
    position:absolute;
    top:0;
    left:0;
}

.feature .feature_txtimg.caption-right .text {
	left:inherit;
	right:0;
}



/* COMMON BST - DESKTOP.CSS */


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

.globalheader ul { float:right; }

a.tip { position:relative; }
a.tip span { display: none; }

/* the span will display just on :hover state */
a.tip:hover span { 
    position:absolute;
    z-index:25;
    top:135%; 
    left:-3.75em;
    width:8em;
    
    text-align: center;
    color:#FFF;
    font-size:90%;
    white-space:nowrap;

    display:block;
    margin:0;
    padding:0.25em 1em;

    border:1px solid #444;
    background-image:url(../../../content/dam/common/design2013/bg_black.gif);
    background-repeat:repeat;

}

/* the arrow */
a.tip:hover span::before {
    content:"";
    width:100%;
    display:block;

    background-image:url(../../../content/dam/common/design2013/ou-globalheader-tiparrow.png);
    background-repeat:no-repeat;
    background-position:top center;

    bottom:100%;
    left:0;
    height:9px;
    position:absolute;
 
}

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

.footerlogo,
.footeraddress,
.footerColumn {
    float:left;
}
.footer #footer_social_icons h1,
.footer #footer_social_icons h2,
.footer #footer_social_icons h3 {
    float: right;
    margin: 0 0 0.75em;
}
.footer #footer_social_icons .text { 
	float: right;
	clear:both;
}
.footer .footeraddress { margin-left: 10px; }

/* make it sticky */
html {
    position: relative;
    min-height: 100%;
}
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    padding:0;
}

/* SOCIAL MEDIA TABLE STYLE
------------------------------------ */

table.socialmedia_directory > tbody > tr > td,
table.socialmedia_directory > thead > tr > td  {
	width:33%;	
}

table.socialmedia_ou td:first-child { width:66%; font-weight:bold; font-size: 110%; }
table.socialmedia_ou td:last-child { width:33%; }


/* TEXT IMAGE (This a workaround - should be deleted once inline css is removed from OU Text Image Component)
------------------------------------ */


.textimage .image-margin-left .image {
    margin:5px 0 5px 15px!important;
}
.textimage .image-margin-right .image {
    margin:5px 15px 5px 0!important;
}






/* COMMENCEMENT DESKTOP.CSS */

body:not(.page_dept_home) .textimage .image { padding:0 1em; }
body:not(.page_dept_home) .textimage .image img { border:1px solid #CCC; }


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

.feature .container-fluid > .row-fluid  {
    background-color: transparent;
    border:none;
    padding:0;
}

.feature .featurepar {
    background-image:url(../../../content/dam/commencement/design/opacity-bg.png);
    background-repeat:repeat;
    margin: 0;
    padding: 0 2em;
    width: 365px;
    float:right;
    min-height:375px;
}

.feature .featurepar .textimage {
    padding:0.35em;
    margin:2em 0 1em -3.5em;
    background-color:#FFF;
    -moz-box-shadow: 0 0 5px 5px #333;
    -webkit-box-shadow: 0 0 5px 5px #333;
    box-shadow: 0 0 5px 5px #333;
}


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

.landing_feature { border:1px solid #CCC; }

.main .nav {
    background-color: transparent;
    padding: 0;
}

/* EQUAL HEIGHTS COLUMNS
--------------------------------------------- */

.equal-height-columns {   }
.equal-height-columns > div { 
    padding:1.5em!important;
	margin:0!important;
	width:25.75em !important;
	height: 45em;
	background-image:url(../../../content/dam/commencement/design/border_vertical.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}

.equal-height-columns.last-row { 
	background-image:url(../../../content/dam/commencement/design/border_horizontal.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding-top:0.25em;
}
.equal-height-columns.last-row > div:nth-child(1) { width:26.85em !important; background-image:none; }
.equal-height-columns.last-row > div:nth-child(2) { width:25.8em !important; }
.equal-height-columns.last-row > div:nth-child(3) { width:25em !important; }

.equal-height-columns .textimage { overflow:hidden; }

.equal-height-columns .textimage .image {
    margin:0 0 1em 0;
    padding:0;
    border:1px solid #CCC;
    overflow:hidden;
    display:block;
    height:auto;
    max-width:260px!important;
    clear:both;
}
.equal-height-columns .textimage .text {
   padding:0;
   margin:0; 
   clear:both;
}


/* AUDIENCE NAVIGATION
--------------------------------------------- */

.main { position:relative; padding:6em 0 2em 0; }
.main .audiencewrapper {
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background-color:#e5e7cf;   
    position:absolute;
    top:0;
    left:0;      
    -moz-box-shadow: inset #d6d9b5 0 -1px 0 0;
    -webkit-box-shadow: inset #d6d9b5 0 -1px 0 0;
    box-shadow: inset #d6d9b5 0 -1px 0 0;

}
.main .audiencewrapper ul.audience {
    width:940px;
    margin:0 auto;
    list-style-type:none;
    overflow:auto;
}
.main .audiencewrapper ul.audience li { float:left; margin-right:1px; }
.main .audiencewrapper span.title,
.main .audiencewrapper ul.audience li a { padding:1em 2em; display:block; }
.main .audiencewrapper span.title { font-weight:bold; padding-left:0; }
.main .audiencewrapper ul.audience li a {
    color:#555555;
    border-left:1px solid transparent; 
    border-right:1px solid transparent;
}
.main .audiencewrapper ul.audience li a:hover {
    text-decoration:none;
}


body.students .main .audiencewrapper ul.audience li a.students,
body.volunteers .main .audiencewrapper ul.audience li a.volunteers,
body.family .main .audiencewrapper ul.audience li a.family,
body.alumni .main .audiencewrapper ul.audience li a.alumni,
body.faculty .main .audiencewrapper ul.audience li a.faculty,
body.visitors .main .audiencewrapper ul.audience li a.visitors,
.main .audiencewrapper ul.audience li a:hover {
    background-color:#FFF; 
    border-left:1px solid #d6d9b5; 
    border-right:1px solid #d6d9b5;
}
.page_dept_home .main .navipar > .section:nth-child(2) { margin-bottom:0; }
.page_dept_content .main .navipar > .section:first-child { margin-bottom:0; }