/*AUBURN COLORS-----------
Primary Blue: #03244d
Primary Orange: #dd550c
Secondary Blue: #496e9c
Secondary Orange: #f68026

background: rgba(246, 128, 38, .99);
background: rgba(3, 36, 77, .8);
-------------------------*/


/*Universal Style Modifications*/
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
body{
    background-color: #ebebeb;
    font-size: 15px;
}

.container {

}

td {
    padding:5px;
}

li.bootstrap_li {
	background: none;
	line-height: 1.5;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	list-style-image:none;
	list-style-position:none;
}
li { 
    list-style-image: url("https://www.auburn.edu/template/styles/images/bulletArrow2.gif");
    line-height: 1.5;
    font-size: 14px;
    margin: 5px 15px;
    padding: 0 0 8px 8px;
    list-style-position:outside;
}
a {
	color: #03244d;
	border-bottom: dotted 1px #cc4e0b;
}
.noGutter{ 
/*Removes col gutters*/
	padding-left: 0;
	padding-right: 0;
}
.halfGutter{
    padding-left:8px;
    padding-right:8px;
}
.fiveGutter{
        padding-left: 5px;
        padding-right: 5px;
}
.row_page_content{
    margin-left:-10px;
    margin-right:-10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.shadow{
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26);
       -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: -webkit-box-shadow ease-in-out .15s;
         -o-transition: box-shadow ease-in-out .15s;
            transition: box-shadow ease-in-out .15s;
            /*transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);*/
}
.hover:hover{
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}

.btn-default:hover, .btn-white-orange:focus, .btn-white-orange:active, .btn-white-orange.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
}

.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--------header--------*/
header {
    background-color: #03244d;
}
#eng_head{
	padding-top: 15px;
	padding-bottom:15px;
}
.imageMap{
	display:inline-block;
	position:relative;
}
.imageMap #hotspots{
	width:100%; 
	height:100%; 
	position:absolute; 
	left:0; 
	top:0;   
}
.imageMap a{
	display:block; 
	position:absolute; 
	z-index:100; 
}
.imageMap a.p1{
    left:0%;
	top:0%;
	width:43.71859296482412%;
	height:100%;
	border-bottom:none;
}
.imageMap a.p2{
	left:43.71859296482412%;
	top:0%;
	width:56.2814070352%;
	height:100%;
	border-bottom:none;
}
#tools {
	/*padding:15px 0px 0px 0px;*/
	padding-top: 15px;
	text-align: right;
	color:white;
}
#tools_links{
	padding-right: 14px;
}
#tools_links a{
	text-decoration: none;
	color:white;
	font-size: .87em;
}
#tools_links a:hover{
	text-decoration: underline;
}
.tools_socialsearch {
	margin-top: 5px;
	font-style: inherit;
	position:relative;
	padding-right: 42px; /*NICK57*/
}
.tools_socialsearch a {
	display: block;
	background: transparent url("http://eng.auburn.edu/img/layout-images/sprites-social-footer.png") scroll no-repeat 0 0;
	width: 45px;
	height: 45px;
	float:right;
	margin-right: 3px;
	
}
#buttons_head{
	padding-right: 15px;
}
.tools_socialsearch a.facebook {
	background-position: 0px -50px;
}
.tools_socialsearch a.facebook:hover {
	background-position: 0px 0px;
}
.tools_socialsearch a.twitter {
	background-position: -50px -50px;
}
.tools_socialsearch a.twitter:hover {
	background-position: -50px 0px;
}
.tools_socialsearch a.youtube {
	background-position: -100px -50px;
}
.tools_socialsearch a.youtube:hover {
	background-position: -100px 0px;
}
.tools_socialsearch a.flickr {
	background-position: -150px -50px;
}
.tools_socialsearch a.flickr:hover {
	background-position: -150px 0px;
}
.tools_socialsearch a.instagram {
	background-position: -200px -50px;;
}
.tools_socialsearch a.instagram:hover {
	background-position: -200px 0px;
}


.sb-search {
	position: absolute;
	right:0px; /*NICK*/
	width: 0%;
	min-width: 40px;
	height: 40px;
	overflow: hidden;
	margin-top: 2px;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 280px;
	height: 40px;
	margin: 0;
	z-index: 10;
	padding: 12px 45px 10px 10px;
	font-family: inherit;
	font-size: 20px;
	color: #03244d;
}
.sb-search-input::-webkit-input-placeholder {
	color: #496e9c;
	font-style: italic;
}
.sb-search-input:-moz-placeholder {
	color: #496e9c;
	font-style: italic;
}
.sb-search-input::-moz-placeholder {
	color: #496e9c;
	font-style: italic;
}
.sb-search-input:-ms-input-placeholder {
	color: #496e9c;
	font-style: italic;
}
.sb-icon-search,
.sb-search-submit  {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 43px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.sb-icon-search {
	color: #03244d;
	/*background: #03244d;*/
	background: #fff;
	/*border:1px solid white;*/
	z-index: 90;
	font-size: 29px;
	padding-top: 2px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background:#fff;
	color:#03244d;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
/*For navbar*/
nav .sb-icon-search {
	background:#fff;
	color:#dd550c;
	z-index: 11;
}

nav .tools_socialsearch{
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 0px;
	/*zoom:.7;*/
}
nav .tools_socialsearch a {
	/*margin-right: 3px;*/
	margin-right: 0px;
}
nav .sb-search-input {
	width: 265px;
}
.navbar-toggle .icon-bar{
	background-color: #dd550c !important;
	margin-left: auto;
	margin-right:auto;
}
nav .container{
	padding-left: 2px;
	padding-right: 5px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: #eee;
border-color: #dd550c;
}


.q {/*Investigate these 2*/
	height: 20px;
	border: none;
	margin-top: 2px;
	float: left;
	font-size: 1em;
	padding: 2px;
	vertical-align: middle;
	color: #333;
	width: 220px;
	margin-left: -8px;
}
.qs {
    height: 20px;
	border: none;
	margin-top: 1px;
	float: left;
	font-size: .65em;
	padding: 2px;
    padding-bottom: 1px;
	vertical-align: middle;
	color: #333;
	width: 120px;
	margin-left: -10px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------nav--------*/
.navbar {
	background-color: #dd550c;
	/*height:30px; removed to allow for social buttons*/ 
	min-height:30px;
	margin-bottom:0px; /*bs override*/
}
.navbar-default .navbar-toggle {
	border-color: #ffffff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.navbar-brand {
	float: left;
	padding: 5px 5px;
	padding-top:3px;
	font-size: 18px;
	line-height: 20px;
	display:none;
}
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #ffffff;
}
.navbar-default .navbar-nav>li>a {
	color: #dd550c;
}
.navbar-nav>li>a {
	padding-top: 5px;
	padding-bottom: 5px;
}
.navbar-default .navbar-nav>li>a {
	color: #ffffff;
}
.navbar-toggle {
	padding: 5px 4px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 1px;
	height:25px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f68026;
}
.navbar-default {
	background-color: #dd550c;
	border:none;
	z-index:99;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #ffffff;
	background-color: #f68026;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #F0F0F0;
}
.navbar-default .navbar-nav>.dropdown>a .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.navbar-default .navbar-nav>.dropdown>a:hover .caret, .navbar-default .navbar-nav>.dropdown>a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
}
.nav-large-display {
	width:600px;
	padding:12%;
}
.nav-dept-display {
	width:800px;
	padding:4%;
	margin-left:-400px;
}
.navbar-ex1-collapse{
	background:#dd550c;
	overflow:hidden !important; 
	padding-left: 4px;
}
.navbar-header{
}





#action-links li{
	width:25%;
}

/*--------breadcrumbs--------*/

.breadcrumb {
    margin-top: 15px;
    background-color: #fff;
    
}

.breadcrumb a{
    border-bottom: dotted 1px #dd550c;
    text-decoration: none;
}



/*--------sidebar--------*/

.nav-header {
color: #496e9c;
font-weight: bold;
border-left: none;
}

.nav-header a:focus  {
    font-weight: bold;
}



.sidebar a {
    color: #496e9c;
}






.orange-bar {
background: #f68026;
display: block;
font-size: 1px;
height: 2px;
margin: 5px 0px;
}

#pre-subNav a {
padding: 5px 0px 5px 15px;
margin-top: 10px;
text-decoration: none;
display: block;
}

.upLink{
  text-decoration:none;
  display: block; 
  margin-top: 15px;
}


#pre-subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  /*border-left:2px solid #f68026;
  margin-left:-2px;*/

}


.subNav a {
/*transition: all 0.2s linear;*/
text-decoration:none;
padding: 5px 0px 5px 30px;
display: block;
}

.subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  /*border-left:2px solid #f68026;
  margin-left:-2px;*/
}
.related-subNav a {
/*transition: all 0.2s linear;*/
text-decoration:none;
padding: 5px 0px 5px 30px;
display: block;
}

.related-subNav a:hover, a:focus {
  color: #03244d;
  font-weight:500;
  /*border-left:2px solid #f68026;
  margin-left:-2px;*/
}
.backto {
color: white;
background: #cbcbcb;
padding: 0px 7px;
margin-top: 15px;
margin-bottom: 15px;
cursor: pointer;
}

/*thumbnails - All engineering cards.*/
.thumbnail {
    padding:0;
    border:none;
    margin-top: 5px;
    margin-bottom:5px;
}
.thumbnail hr {
    margin-top: 0;
    margin-bottom:0;
}
.thumbnail .caption {
    padding:15px;
}
.thumbnail .caption p {
    color:#000000;
    /*color:rgba(0,0,0,0.54); Bumped up on 4/21/15 to make easier to read*/
    color:rgba(0,0,0,0.64);
    font-size: 1.1em;
    /*margin-bottom: 0; removed 4/21/15 to accomodate WYSIWYG*/ 
}
.thumbnail .caption h4 {
    margin-top: 0;
}
.thumb_btns{
    text-align: right;
}
.thumb_btns .btn-link{
    padding:10px 15px; 
    color:#f68026;
    font-size: 15px;
    text-decoration: none;
}
.thumb_btns .btn-link:visited {
    color: #f68026;
}
/*/thumbnails*/

/*--------footer--------*/
footer{
    margin-top: 30px;
	border-bottom: solid 10px #dd550c;
    border-top: solid 10px #dd550c;
	background-color:#03244d;
}
footer img{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -4px;
}
#footerImgWrap{
	background:#ebebeb;
}
#footerLinks {
	min-height:128px;
	background-color:#03244d;
	color:#fff;
	font-size: 15px;
	line-height: 15px;
	padding-top: 12px;
}
footer ul{
	padding-left: 0;
	margin-left: 0;
}
footer li{
	list-style-image: none;
	list-style-type: none;
	padding:2px 0; 
	margin:0;
    font-weight: 100;
}
footer a{
	color:#fff;
}

footer a:visited{
    color:#fff;
}

/* custom buttons */
.btn-custom1 {
color: #fff;
background-color: #dd550c;
border-color: #f68026;
border-radius:0em;
}

.btn-custom1:hover, .btn:focus {
color: #fff;
text-decoration: underline;
border-radius:0em;
}

.btn-custom2 {
color: #fff;
background-color: #496e9c;
border-color: #496e9c;
border-radius:0em;
}

.btn-custom2:hover, .btn:focus {
color: #fff;
text-decoration: underline;
border-radius:0em;
}

.btn-custom-cal {
    color: #fff;
    background-color: #03244d;
    border-color: #496e9c;
    border-radius: 0em;
    height: 26px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
    
}

.btn-custom-cal:hover, .btn:focus {
color: #fff;
text-decoration: underline;
border-radius:0em;
}

.card-with-title {
position: relative;
margin: 15px 0;
padding: 39px 19px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.bs-docs-example:after {
content: "Example";
position: absolute;
top: -1px;
left: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #9da0a4;
-webkit-border-radius: 4px 0 4px 0;
-moz-border-radius: 4px 0 4px 0;
border-radius: 4px 0 4px 0;
}

/* Card */
.eng_news_more {
        
        padding-top: 10px;
        padding-bottom:10px;
        cursor: pointer;
        text-align: right;
        color:#f68026;
    }


/*Departmental*/
.dept_spotlight {
    position:absolute;
    bottom:0;
    left:0;
    height:100%;
    width:100%;
    color:#FFF;
    color: rgba(255, 255, 255, .70);
    text-align: right;
    font-size: 20px;
    line-height: 100%;
    padding: 10px 20px 10px 40%;
}
#dept_hero_caption{
    font-family: 'Libre Baskerville', serif;
    color:white;
    position:absolute;
    bottom:3%;
    font-size:147%;
    line-height:147%;
    text-align:center;
    padding:0 15px;
}
#dept_intro{
    /*color: rgba(0,0,0,0.87);*/
    background-color: #FFF;
    padding-top:15px;
    padding-bottom: 15px;
    font-size:20px;
    line-height:30px;
    color:#000000;
    color:rgba(0,0,0,0.54);
}

@media ( min-width: 40em ) {
    /* Show the table header rows and set all cells to display: table-cell */ 
        .my-custom-breakpoint td,
        .my-custom-breakpoint th,
        .my-custom-breakpoint tbody th,
        .my-custom-breakpoint tbody td,
        .my-custom-breakpoint thead td,
        .my-custom-breakpoint thead th {
                display: table-cell;
                margin: 0;
        }
        /* Hide the labels in each cell */ 
        .my-custom-breakpoint td .ui-table-cell-label,
        .my-custom-breakpoint th .ui-table-cell-label { 
                display: none;
        }
}

/* Custom Classes */

.text-align-center {
    text-align:center;
}

.text-align-left {
    text-align:left;
}

.text-align-right {
    text-align:right;
}

.facultydiv {
    background-color:#F7F7F7; 
    padding:10px; 
    border:1px solid #ccc; 
    margin-bottom:3px;
}

.facultyimg {
    border: 2px solid #ccc; 
    margin-bottom:8px; 
    width:100%;
}

.facultytable {
    border: 1ps solid #000; 
    padding: 4px; 
    width: 136px; 
    float: left; 
    margin-right: 12px;
}

.deptsocial {
     margin-right:0px;
}

.cupolaimg {
    margin: 0px 10px 0px 0px; 
    width:125px; 
    height:188px;
}

/* Accesibility Retrofit */

a.acc_dept_header{
 color:#fff;
 text-decoration:none;
 border-bottom: none;

}

.white {
    color:#fff;
    border-bottom:none;
    text-decoration:none;
}



/*
a {
    border-bottom: dotted 1px #cc4e0b;
    text-decoration: none;
}

*/


/* WYSIWYG classes */

.img_left_align {margin: 5px 10px 5px 0px;}
.img_right_align {margin: 5px 0px 5px 10px;}

.gsc-adBlock {
    display:none !important;
}