/* DEPT B DESKTOP.CSS */

.container-fluid { 
    width:940px;
    margin:0 auto; /* centering the content */
}

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

/* left/right arrow */
.feature .webcomm-carousel a.carousel-control.left {  
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.feature .webcomm-carousel a.carousel-control.right {   
    -moz-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    -o-transform: translateX(50%) translateY(-50%);
    -webkit-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
}
    
    

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

.feature .feature_tabs { border:1px solid #000; }
.feature .feature_tabs ul.nav-tabs {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    margin:0.75em;
    width:20em;
}
.feature .feature_tabs .tab-content > .tab-pane {
    background-size:cover;
    background-position: center center; 
}


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

.page_dept_home .main .relatedpar > .textimage .image {
    margin:0;
    padding:0;
    max-width:250px;
    min-width:50px;
}
.page_dept_home .main .relatedpar > .textimage .image img {
    max-width:none;
    width:100%;
}


/* 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%;
}
body { margin: 0 0 16em; }
.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 16em;
    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;
}






/* NWC - DESKTOP.CSS */

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

.feature .feature_tabs { margin-bottom:2em; }
/* tabs */
.feature .feature_tabs ul.nav-tabs {
	position: relative;
	z-index: 1;
	top: auto;
	right: auto;
	margin-bottom:3em;
	margin-top:0;
	width: 100%;
	text-align: center;
	border:none;
}
.feature .feature_tabs ul.nav-tabs::before {
	content: "";
	display:block;
	position: absolute;
	top:0;
	left:-100%;
	width:300%;
	height:100%;
	background-color: #323232;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;	
	z-index: -1;

	-moz-box-shadow:0 3px 4px rgba(182, 182, 182, 0.35);
	-webkit-box-shadow: 0 3px 4px rgba(182, 182, 182, 0.35);
	box-shadow: 0 3px 4px rgba(182, 182, 182, 0.35);
}

.feature .feature_tabs ul.nav-tabs > li {
	display: inline-block;
	margin:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding:inherit;
	border:none;
}

/* creates border to left and right of active tab */
.feature .feature_tabs ul.nav-tabs > li.active { position: relative; }
.feature .feature_tabs ul.nav-tabs > li.active::before,
.feature .feature_tabs ul.nav-tabs > li.active::after {
	content:"";
	position: absolute; 
	left:0;
	display: block;
	height:50%;
	width:100%;
	background-image: none;

	/* following rules overwrite dept B */
	border:none;
	tranform:inherit;
	z-index: inherit;
}
.feature .feature_tabs ul.nav-tabs > li.active::before { 
	/*bottom to top */
	top:0;
	background: -moz-linear-gradient(top,  rgba(37,37,37,0) 0%, rgba(37,37,37,0) 1%, rgba(37,37,37,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,0)), color-stop(1%,rgba(37,37,37,0)), color-stop(100%,rgba(37,37,37,1)));
	background: -webkit-linear-gradient(top,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: -o-linear-gradient(top,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: -ms-linear-gradient(top,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', endColorstr='#252525',GradientType=0 );
}
.feature .feature_tabs ul.nav-tabs > li.active::after {
	/* top to bottom */
	top:50%;
	background: -moz-linear-gradient(top,  rgba(37,37,37,1) 0%, rgba(37,37,37,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(37,37,37,0)));
	background: -webkit-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: -o-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: -ms-linear-gradient(top,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: linear-gradient(to bottom,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#00252525',GradientType=0 );
}


.feature .feature_tabs ul.nav-tabs > li > a {
	color:#BBBBBB; 
	padding:1.5em;
	margin:0;
	font-size: 110%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.feature .feature_tabs ul.nav-tabs > li > a,
.feature .feature_tabs ul.nav-tabs > li.active a,
.feature .feature_tabs ul.nav-tabs > li a:hover {
	background-color: transparent;
}
.feature .feature_tabs ul.nav-tabs > li a:hover,
.feature .feature_tabs ul.nav-tabs > li.active a { 
	color:#FFFFFF; 
}

/* creates down arrow on active tab */
.feature .feature_tabs ul.nav-tabs > li.active a::after {
	content:"";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 6px solid #323232;
	background-image: none;
	position: absolute;
	left:50%;
	top:100%;

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

/* RELATED PAR / CONTENT PAR
----------------------------------------------------- */

.relatedpar > .parsys_column { margin-bottom:2em; }
.relatedpar > .parsys_column:last-child, { margin-bottom:0; }

.relatedpar > .parsys_column > .parsys_column { 
	background-color:#FFF;
	border-radius:3px;
	-moz-box-shadow: 0px 0px 10px 1px rgba(182, 182, 182, 0.75);
	-webkit-box-shadow: 0px 0px 10px 1px rgba(182, 182, 182, 0.75);
	box-shadow: 0px 0px 10px 1px rgba(182, 182, 182, 0.75);
}
.relatedpar > .parsys_column > .parsys_column:empty { visibility:hidden; }

.relatedpar .text {
	padding:0px;	
}
.relatedpar .text .text {
	padding:20px;	
}

.relatedpar .text > h2 {
	background-color: #1c9afe;
	color: #fff;
	font-size: 170%;
	font-weight: 300;
	line-height: 1;
	margin:0 ;
	padding:20px;
	text-shadow:1px 1px 0 #333;
}

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

.footer .footeraddress {
	margin-left:0;
}