/* DEPT B BST TABLET.CSS  */

.container-fluid { padding:0 0.75em; }

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

.header { min-height: 0; }
.headerimage a { margin:1em 0; display: block; }


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

.feature .webcomm-carousel .carousel-inner .carousel-image {
	position:inherit;
	display:block;
	clear:both;	
}

.feature .webcomm-carousel .carousel-inner .carousel-caption {
    background:#000000;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 1.0);
    position: inherit;
	clear:both;

	top:auto;
	right:auto;
	bottom:auto;
	left:auto;
}

/* transition stuff */
.feature .webcomm-carousel .next.left .carousel-image,
.feature .webcomm-carousel .next.right .carousel-image,
.feature .webcomm-carousel .next.left .carousel-caption,
.feature .webcomm-carousel .next.right .carousel-caption,
.feature .webcomm-carousel .prev.left .carousel-image,
.feature .webcomm-carousel .prev.right .carousel-image,
.feature .webcomm-carousel .prev.left .carousel-caption,
.feature .webcomm-carousel .prev.right .carousel-caption {
	top:auto;
	right:0;
	bottom:0;
	left:0;
	position:static;	
}

/* left/right arrow */
.feature .webcomm-carousel a.carousel-control.left {
    -moz-transform: scale(0.75) translateX(25%) translateY(-50%);
    -ms-transform: scale(0.75) translateX(25%) translateY(-50%);
    -o-transform: scale(0.75) translateX(25%) translateY(-50%);
    -webkit-transform: scale(0.75) translateX(25%) translateY(-50%);
    transform: scale(0.75) translateX(25%) translateY(-50%);
}
.feature .webcomm-carousel a.carousel-control.right {
    -moz-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -ms-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -o-transform: scale(0.75) translateX(-25%) translateY(-50%);
    -webkit-transform: scale(0.75) translateX(-25%) translateY(-50%);
    transform: scale(0.75) translateX(-25%) 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;
    background-color:#981a1e;
    width:20em;
}
.feature .feature_tabs ul.nav-tabs * { border-radius:0 0 0 0; border:none; }
.feature .feature_tabs ul.nav-tabs > li {
    float:inherit;
    margin:0;
    padding:0;
    border-top:1px solid #ab1d1f;
    border-bottom:1px solid #711417;    
}
.feature .feature_tabs ul.nav-tabs > li:first-child { border-top:none; }
.feature .feature_tabs ul.nav-tabs > li:last-child { border-bottom:none; }

.feature .feature_tabs ul.nav-tabs > li a {
    margin:0;
    color:#FFF;
    display:block;
}
.feature .feature_tabs ul.nav-tabs > li a:hover,
.feature .feature_tabs ul.nav-tabs > li a:active {
    background-color:transparent;
    text-decoration:none;
}
.feature .feature_tabs ul.nav-tabs > li.active a {
    background-color:transparent;   
}
.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;
}


/* COMMON BST - TABLET.CSS */

.row-fluid [class*="span"] {
	display: inherit;
	float: none;
	width: auto;
	margin-left: auto;
}


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

.globalheader ul { margin:0 auto; float:inherit; }
a.tip { position:relative; }
a.tip span,
a.tip:hover span { display: none; }

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

.header .headeripar .section > .image { text-align:center; }


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

.footer { padding:2em 0; }

.footerlogo,
.footeraddress,
.footerColumn {
    text-align:center;
}
.footer #footer_social_icons h1,
.footer #footer_social_icons h2,
.footer #footer_social_icons h3 {
    margin: 0.75em auto;
}
.footer #footer_social_icons ul { margin:0 auto; }
.footer #footer_social_icons { margin-bottom:2em; }
.footer #footer_social_icons .text { float:none; margin:0 auto; }

.footer .row-fluid { margin: 0 auto; }

.footer .footerColumn {

	margin: 0 0 2em 0; 
}
.footer .footerColumn:last-child { margin-bottom:0; }

.footer .footerlogo,
.footer .footeraddress {
    display:block;
    padding:0;
    margin:0;
    width:100%;
}
.footer .footerlogo { margin-bottom:2em; }
.footer .footerBottom { text-align:center; }

.footer .first.column, .footer .last.column {
    float: none !important;
    width: auto !important;
}

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

table.socialmedia_ou td { width:50%; }

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

/* SPACING
----------------------------------------- */

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

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

.main .relatedpar > .parsys_column > .parsys_column:last-child .textimage { margin-bottom:0; }

.main .nav { margin-bottom:2em; }
/* NWC - TABLET.CSS */

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

.feature .feature_tabs { border:none; margin-bottom:2em; } 

/* tabs */
.feature .feature_tabs ul.nav-tabs {
	background-color: transparent!important;
	margin:0 0 1.5em 0!important;
	border: none!important;
	position:relative!important;
	top: auto!important;
	right: auto!important;
	bottom:auto;
	left:auto;
	z-index: 1;
	width: 100%!important;
}
.feature .feature_tabs ul.nav-tabs::before {
	content: "";
	display:block;
	position: absolute;
	top:0;
	left:-20px;
	right:-20px;
	width:auto;
	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::after {
	content:"";

	width: 0; 
	height: 0; 
	border-left: 8px solid transparent; 
	border-right: 8px solid transparent; 
	border-top: 8px solid #323232;
	    
	position:absolute;
	top: 100%;
	left:50%;
	z-index:1;
	-webkit-transform: translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform: translateX(-50%);      
}

.feature .feature_tabs ul.nav-tabs > li {
	width:100%;

	border-bottom: none;
	border-top: none;
	margin:0;
	position: relative;
}
.feature .feature_tabs ul.nav-tabs > li.active::before,
.feature .feature_tabs ul.nav-tabs > li.active::after {
	content:"";
	position: absolute; 
	top:0;
	display: block;
	width:50%;
	height:100%;
}
.feature .feature_tabs ul.nav-tabs > li.active::before { 
	/* right to left */
	left:0;
	background: -moz-linear-gradient(left,  rgba(37,37,37,0) 0%, rgba(37,37,37,0) 1%, rgba(37,37,37,1) 100%);
	background: -webkit-gradient(linear, left top, right top, 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(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: -o-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: -ms-linear-gradient(left,  rgba(37,37,37,0) 0%,rgba(37,37,37,0) 1%,rgba(37,37,37,1) 100%);
	background: linear-gradient(to right,  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=1 );
}
.feature .feature_tabs ul.nav-tabs > li.active::after {
	/* left to right */
	left:50%;
	background: -moz-linear-gradient(left,  rgba(37,37,37,1) 0%, rgba(37,37,37,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(37,37,37,0)));
	background: -webkit-linear-gradient(left,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: -o-linear-gradient(left,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: -ms-linear-gradient(left,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	background: linear-gradient(to right,  rgba(37,37,37,1) 0%,rgba(37,37,37,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#00252525',GradientType=1 );
}

.feature .feature_tabs ul.nav-tabs > li > a {
	color:#BBBBBB; 
	padding:0.75em 1.5em;
	margin:0;
	font-size: 100%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-align: center;
}

.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;
	font-size:100%;
	border:none!important;
	margin:0;
}

.feature .feature_tabs ul.nav-tabs > li a:hover,
.feature .feature_tabs ul.nav-tabs > li.active a { 
	color:#FFFFFF; 
}

.feature .feature_tabs .tab-content > .tab-pane { min-height: 375px; }