/* bootstrap overrides
****************************************************************************************/
textarea.form-control {height: 200px;}
.breadcrumb {padding-left: 0; margin: 0; background: none;}
.page-header{margin: 0 0 1em 0;}
.media-heading {margin-top: 0.5em; font-weight: bold;}

/* callout - not included in base bootstrap */
.bs-callout {margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee;}
.bs-callout h4 {margin-top: 0;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code, .bs-callout .highlight {background-color: #fff;}
.bs-callout-danger {background-color: #fcf2f2; border-color: #d9534f;}
.bs-callout-warning {background-color: #fefbed;	border-color: #f0ad4e;}
.bs-callout-info {background-color: #f0f7fd; border-color: #5bc0de;}

.brand-primary {
color: #2c68ab;
}

.brand-style {font-family: 'Mission Gothic', 'Arial Narrow', Arial; font-weight:bold; font-style:normal;}

.upper {
text-transform: uppercase;
}

#main-wrap {
background: url(../graphics/1205/bkg_body_070815.jpg) repeat-x;
padding-top: 30px;
}

.btn-primary {
border-radius: 13px;
font-weight: bold;
}

.get-more {
font-weight: bold;
font-color: #4195ff;
}
.btn-blue {
	display: inline-block;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 8px 16px;
	font-size: 1rem;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	font-family: Arial,Helvetica,sans-serif !important;
	font-size: 13px !important;
	text-decoration: none !important;
	text-transform: uppercase;
    background-color: #3774af;
	color: #ffffff !important;
}
.navbar-toggle {
    margin-top: 0;
    padding-top: 0;
}
.blue-btn-form {
	background-color:#2c68ab;
	padding:10px;
}

/* body {
font-family: 'Mission Gothic';
}
 */

/* navbar overrides
****************************************************************************************/
/* .nav > li {
 
	-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;
} */

.navbar {
border-radius: 0;
margin-bottom: 0;
}

.nav-divider-custom {
    /* Regular borders as a fallback for IE8 and lower. */
    border: solid #00f; border-width: 0 1px;

    /* To be able to position generated content. */
    position: relative;

    /* Some irrelevant general styles. */
    margin: 0 auto;
    padding: 0 20px;
  /*   width: 200px; */
}

/* Instead of this IE9+ hack (valid one though), it's recommended
   to use IE's conditional comments. JsFiddle just seems to lack
   support for conditional comments in HEAD section of HTML document. */
BODY:last-child .nav-divider-custom {
    /* Resetting borders for IE9+ and modern browsers that support gradients. */
    border: none;
}

.nav-divider-custom:before,
.nav-divider-custom:after {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
}

.nav-divider-custom:before {left: 0; }
.nav-divider-custom:after {right: 0; }

/* See http://www.colorzilla.com/gradient-editor/ for CSS-gradient generator. */
.nav-divider-custom:before,
.nav-divider-custom:after {
    /* SVG gradient image as Data URI for IE9 that does not support CSS gradients. */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZTRmNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iIzczYjFlNyIgc3RvcC1vcGFjaXR5PSIwLjQ4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzBjMTBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iIzUzOWZlMSIgc3RvcC1vcGFjaXR5PSIwLjQyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4N2JjZWEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+25,fcfcfc+50,fcfcfc+71&0+9,1+21,0.8+77,1+77,0+88 */
background: -moz-linear-gradient(top, rgba(72,121,177,0) 9%, rgba(72,121,177,1) 21%, rgba(72,121,177,1) 25%, rgba(72,121,177,1) 50%, rgba(72,121,177,1) 71%, rgba(72,121,177,1) 77%, rgba(72,121,177,0) 88%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(72,121,177,0) 9%,rgba(72,121,177,1) 21%,rgba(72,121,177,1) 25%,rgba(72,121,177,1) 50%,rgba(72,121,177,1) 71%,rgba(72,121,177,1) 77%,rgba(72,121,177,0) 88%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(72,121,177,0) 9%,rgba(72,121,177,1) 21%,rgba(72,121,177,1) 25%,rgba(72,121,177,1) 50%,rgba(72,121,177,1) 71%,rgba(72,121,177,1) 77%,rgba(72,121,177,0) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcfcfc', endColorstr='#00fcfcfc',GradientType=0 ); /* IE6-9 */
}


.nav > li > a {
    font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}



/* header
****************************************************************************************/
#brand-banner {
text-align: center
}

#brand-banner h2 {
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
}

#brand-banner hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #2c68ab;
	width: 80%;
}

#brand-banner-links ul {
float: right;
list-style-type: none;
}
#brand-banner-links li {
float: left;
padding: 0 5px;
color: #333;
}

#brand-banner-links li a {

color: #333;
}



/* --------------------------------------
	   Right Rail Custom Video
	   -------------------------------------- */
	.railMultimediaBox{
		/* border: 1px solid #999; */
		border-top: 1px solid #2c68ab;
		border-left: 1px solid #2c68ab;
		border-right: 1px solid #2c68ab;
		overflow: hidden;
		background-color: #EAEAEA;
	}
	.loadVideo{
		/* max-height: 190px;
		max-width: 285px; */
		overflow: hidden;
	}
	.railMultimediaBox{ /* max-width: 285px; */ }
	.hideVideo, .hidePhoto, .hideAudio, .hideAlbum{	display:none; }
	.videoToLoad, .photoToLoad, .audioToLoad, .albumToLoad{
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #2c68ab;
		border-right: 1px solid #2c68ab;
		padding: 10px 5px;
		background-color: #EAEAEA;
	}
	.videoToLoad.last {
		border-bottom: 1px solid #2c68ab;
		
	}
	.dnldLink, .dnldLnkLow{
		display: block;
		/*max-width: 65px;*/
		margin: 5px 0;
		font-size: 0.929em;
	}
	.videoToLoad.active,.photoToLoad.active,.audioToLoad.active,.albumToLoad.active{ background-color: #fff; }
	.videoToLoad:hover, .photoToLoad:hover, .audioToLoad:hover, .albumToLoad:hover{ background-color: #F7F7F7; }
	.photoPlayBtn img{ background-color: transparent; }
	
	.videoToLoad div div h3, .videoToLoad div div h3 a,
	.photoToLoad div div h3, .photoToLoad div div h3 a,
	.audioToLoad div div h3, .audioToLoad div div h3 a,
	.albumToLoad div div h3, .albumToLoad div div h3 a{
		cursor: pointer;
		font-family: arial;
		font-size: 0.929em;
		color: #000;
		/*text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;*/
		font-weight: normal;
		border: none !important;
		padding-left: 0 !important;
		margin: 0;
	}
	.row .playLeft{ padding-right: 5px; }
	.moreItems{
		background-color: #666;
		text-align: center;
		height: 25px;
		line-height: 29px;
		margin-top: 4px;
	}
	.moreItems a, .moreItems a:link, .moreItems a:active, .moreItems a:visited{
		display: block;
		color: #fff;
		font-size: 0.929em;
	}
	.moreItems a:hover{background-color: #2c2c2c; text-decoration: none;}
	.rrSM{
		#spriteGlobal#
		background-repeat: no-repeat;
		background-color: transparent;
		width: 42px;
		height: 41px;
		display: inline-block;
	}
	#facebook{ background-position: 0px -149px; }
	#twitter{ background-position: -49px -149px; }
	#youtube{ background-position: -99px -149px; }
	#instagram{ background-position: -149px -149px; }
	#email{ background-position: -198px -149px; }
	#rss{ background-position: -248px -149px; }
	#tumblr{ background-position: -291px -149px; }
	#pinterest{ background-position: -334px -149px; }
	#gplus{ background-position: -377px -149px; }
	#foursquare{ background-position: -420px -149px; }
	#livestream{ background-position: -292px -190px; }
	#vine{ background-position: -334px -190px; }

	.rrRelated {
	  margin-bottom: 10px;
	  padding-left: 6px;
	  color: #666;
	  font-weight: normal;
	  border-left: 2px solid #d71921;
	}
	.rrRelated a { font-size: 0.929em; }
	.relatedSite{ padding-right: 5px; font-family: "arial bold"; }
	.twitter-pitch {
		border: 1px inset #ccc;
		background-color: #eaeaea;
		padding: 5px;
		margin-bottom: 5px;
	}
	#twitter-widget-0 { width:100%; }
	h3.media-kiosk a {font-weight: bold !important;}
	.media-kiosk {font-size: 0.929em;}



/* END */

/*carousel
note: use the customize tool to change the color and width of the prev/next controls .carousel-control
*/


/* bootstrap validator - avoiding adding another http for separate css file.
****************************************************************************************/
.bootstrap-validator-form .help-block{margin-bottom:0}

/* hr line styles
****************************************************************************************/
hr.content {clear: both; border-top: 1px dashed #999; border-bottom: none; border-right: none; border-left: none; height: 1px; padding: 0; margin: 10px 0;}

/* main containers -- note: the tek containers are overridden with layout.css if not in responsive mode.  make your changes in layout.css if that is the case.
------------------------------------------------------------*/
header {width: 100%;box-shadow: 5px 2px 6px #888888;}
footer {width:100%;	background-color: #fff;	color: #333;}
#tek-wrap-site {}
#tek-wrap-leftrail {background-color: #fff; border-right: 1px solid #ccc;}
#tek-wrap-centerwell {/* background-color: #fff; */ padding-bottom: 10px;}
#tek-wrap-rightrail {/* background-color: #fff; */ /* border-left: 1px solid #ccc; */}
#tek-wrap-footer {}
#tek-footer  {}
#footer_custom { width: 100%; text-align: center; height: 52px; padding: 80px 0 50px; border:none;}
#footer_custom a {color: #333;}
#footer_custom ul { max-width: 800px; margin: 7px auto 7px auto; }
#footer_custom ul li { display: inline;float:none !important; }
#footer_custom ul li.divider { padding: 0px 5px; }
#footer_custom p {  clear: both; margin-top: 15px !important; margin-bottom:11px !important; }
#footer_custom ul li a {text-decoration:none;}
#footer_custom ul li a:hover {text-decoration:underline !important;}
/* #tek-footer ul  {text-align: center; list-style-type: none;}
#tek-footer ul li  {float: left;} */
#tek-rr-items, #tek-lr-items {margin: 0;background: #fff; padding: 15px 15px 0 15px;}
#tek-rr-items > li, #tek-lr-items > li {margin-bottom: 1.5em;}
#poweredBy {height: 71px; width: 133px;	float: left;}
#nonmediawarning {width: 400px;}

/* comments styles
****************************************************************************************/
.comments_username {color: #888; font-weight: bold;}
.comments_date {color: #888; font-weight: normal; font-size: 10px;}
.comments_text {font-weight: normal;}
	
/* tag cloud styles: 
NOTE: you may want to make same changes to maint\newsroom_maint.css
****************************************************************************************/
.tag_cloud_smallest, a.tag_cloud_smallest, a.tag_cloud_smallest:link, a.tag_cloud_smallest:visited {font-weight: normal; font-size: 12px; line-height: 14px;}
.tag_cloud_small, a.tag_cloud_small, a.tag_cloud_small:link, a.tag_cloud_small:visited {font-weight: normal; font-size: 16px; line-height: 18px;}
.tag_cloud_medium, a.tag_cloud_medium, a.tag_cloud_medium:link, a.tag_cloud_medium:visited {font-weight: normal; font-size: 18px; line-height: 20px;}
.tag_cloud_large, a.tag_cloud_large, a.tag_cloud_large:link, a.tag_cloud_large:visited {font-weight: normal; font-size: 22px; line-height: 24px;}
.tag_cloud_largest, a.tag_cloud_largest, a.tag_cloud_largest:link, a.tag_cloud_largest:visited {font-weight: normal; font-size: 26px; line-height: 28px;}

/* link styles
****************************************************************************************/
.pagination {float: right; margin: 12px 0; padding: 0 3px 0 0;}
.morelinks, a.morelinks , a.morelinks:visited, .taglinks, a.taglinks, a.taglinks:visited, .editlinks, a.editlinks, a.editlinks:visited, .relatedlinks, a.relatedlinks, a.relatedlinks:visited, .pagenavlinks, a.pagenavlinks, a.pagenavlinks:visited {}
a.morelinks:hover, a.taglinks:hover, a.editlinks:hover, a.relatedlinks:hover, a.pagenavlinks:hover, a.smallfont:hover {}

/* misc
****************************************************************************************/
.body-popup {background-color: #fff; padding: 10px;}
.rail-fb *, .rail-twitter * {width: 100% !important;} /*makes responsive width*/
.recaptchatable {line-height: 14px;}/*anything higher than 16px causes gaps in the layout.*/
.nowrap {white-space: nowrap;}
.spacer {height: 15px;}
.underscore {text-decoration: underline;}
.fo_select, .fo_select td {margin: 0; padding: 0;}
.spacer5 {clear: both; height: 5px;}
.spacer10 {clear: both; height: 10px;}
.spacer15 {clear: both; height: 15px;}
.spacer25 {clear: both; height: 25px;}
.spacer1em {clear: both; height: 1em;}
.spacer2em {clear: both; height: 2em;}
.no-pad {padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-15 {padding: 15px;}
.pad-20 {padding: 20px;}
.pad-25 {padding: 25px;}
.pad-1em {padding: 1em;}
.pad-2em {padding: 2em;}
.pad-right5 {padding-right: 5px;}
.pad-right10 {padding-right: 10px;}
.pad-right15 {padding-right: 15px;}
.pad-right20 {padding-right: 20px;}
.pad-right25 {padding-right: 25px;}
.pad-right1em {padding-right: 1em;}
.pad-right2em {padding-right: 2em;}
.pad-left5 {padding-left: 5px;}
.pad-left10 {padding-left: 10px;}
.pad-left15 {padding-left: 15px;}
.pad-left20 {padding-left: 20px;}
.pad-left25 {padding-left: 25px;}
.pad-left1em {padding-left: 1em;}
.pad-left2em {padding-left: 2em;}
.pad-top5 {padding-top: 5px;}
.pad-top10 {padding-top: 10px;}
.pad-top15 {padding-top: 15px;}
.pad-top20 {padding-top: 20px;}
.pad-top25 {padding-top: 25px;}
.pad-top1em {padding-top: 1em;}
.pad-top2em {padding-top: 2em;}
.pad-bottom5 {padding-bottom: 5px;}
.pad-bottom10 {padding-bottom: 10px;}
.pad-bottom15 {padding-bottom: 15px;}
.pad-bottom20 {padding-bottom: 20px;}
.pad-bottom25 {padding-bottom: 25px;}
.pad-bottom1em {padding-bottom: 1em;}
.pad-bottom2em {padding-bottom: 2em;}
.warning {color: #ff0000; font-weight: bold;}
.tek-thumbnail-left {float: left !important; margin-right: 1em;}
.tek-thumbnail-right {float: right !important; margin-left: 1em;}
ul.dl-media-items {padding: 0 !important; margin: 0 !important;}

/* classes for tigra form validator */
.inputHighlighted {color: red;}
.inputNormal {color: black;}

/* content detail display based styles (ie: article display, press kit display, etc.)
****************************************************************************************/
.outlet, .author, .author-box {font-style:italic; color: #919191;}
.author-box {margin-bottom: 15px;}
.author-box img {padding-right: 10px; width: 100px; /*max-height: 100px;*/ overflow: hidden;}
.abstract {}
.tek-caption {font-size: .85em; padding-bottom: 1em;}
.subtitle {font-style:italic; font-weight: bold;}
.rel-date, .bio-title {color: #999;}
.disclaimer {
	margin: 0 0 10px 0;
	font-style:italic;
	font-size: 0.9em;
}
.contacts {margin: 10px 0;}
.headshot {padding-right: 5px; display: block; float: left;}

#content-details {overflow: auto;}
#content-details img {padding: 0 .75em;}
#comments, #tags, #related-assets {margin: 0 0 15px 0;}
#page-banner-img {margin-bottom: 15px;}

/* ckeditor images */
figure {width: 1px; margin: 0 .75em; display: table; background-color: #eee;}
figure img, figure figcaption {display: table-row; vertical-align: bottom;}
figure img {padding: 0 !important; margin: 0 !important;}
figure figcaption {text-align: left;}
figure figcaption div {padding: 1em; width: 100%; display: block;}
/*ckeditor images - responsive specfic*/
figure.figure-responsive {width: 100%; margin: 0; display: block;}
figure.figure-responsive figcaption {display: block; background-color: #eee; width: 100%;}

/* carousel styles
****************************************************************************************/
#tek-carousel {background-color:#eee; }
#tek-carousel h3 a {color: #fff;}
.carousel-inner>.item {max-height: 422px !important;}/* if you need to cap the height */

#tek-carousel {margin-bottom: 50px;}
.carousel-indicators {/*position: relative; */ bottom: -40px; background: #fff;} /* this removes the default absolute positioning if you need to*/
.carousel-control.left, .carousel-control.right {background: none;} /* if you want to remove the background shadow. */


.carousel-caption {
    background: rgba(41, 98, 163, 0.85);
	left: 0;
right: 0;
padding-bottom: 20px;
bottom: 0;
}

.carousel-caption h3 {
    font-weight: bold;
	font-size: 18px;
	margin: 5px 0;
}

.carousel-indicators .active {
    
    background-color: #294374;
}

.carousel-indicators li {
    
    background-color: #c1c1c1; 
}



/* jQuery Cycle */
/* NOTE: if you are having issues with your carousel showing all pieces of content for a brief second when the page loads,
you can fix this by specifying an exact height on the data-cycle-auto-height element and set overflow: hidden on tek-carousel container; */
.cycle-pager {text-align: center; width: 100%; z-index: 500; overflow: hidden; margin-top: 10px;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer;}
.cycle-pager span.cycle-pager-active { color: #5B9CC8;}
.cycle-pager > * { cursor: pointer;}
.cycle-slideshow-img-left {padding: 0 10px 10px 0;}
.cycle-slideshow-img-right {padding: 0 0 10px 10px;}

/* Bootstrap */
/*.carousel-inner, .carousel-inner>.item, .carousel-inner>.item.active {width: 100%; height: 100%;}*/
.carousel-inner .item img {width: 100%;}

.tek-index-mm-box {background-color:#eee; border: 1px solid #ccc;}
.tek-index-mm-box.video {} /*special properties for video*/
.tek-index-mm-box.audio {} /*special properties for audio*/
.tek-index-mm-box.image {} /*special properties for image*/

/* media gallery popup
****************************************************************************************/
.media_gallery {
	margin: 10px;
	padding: 10px;
	width: 740px;
	border: #ccc solid 1px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000; 
}
.media_gallery img { padding-right: 10px;}

/* media gallery carousel
****************************************************************************************/
#mmCarousel .item img {max-height: 312px; overflow: hidden;}/* change height to suit your needs */
#mmCarouselThumbs .item img {height: 80px; overflow: hidden;}/* change height to suit your needs */
#mmCarouselThumbs a {display: block;}

/* masonary tile layout styles
****************************************************************************************/
.row-masonry {
	 -moz-column-width: 18em;
	 -webkit-column-width: 18em;
	 -moz-column-gap: 1em;
	 -webkit-column-gap:1em;
}

.item-masonry {
	 display: inline-block;
	 padding:  .25rem;
	 width:  100%;
}

.well-masonry {
 	position:relative;
 	display: block;
}

.row-eq-height {overflow: hidden;}
.col-eq-height {margin-bottom: -99999px; padding-bottom: 99999px;}

/************* icons ********************/
.ico-sm {height: 16px; width: 16px; display: block;}
.ico-hp {height: 16px; width: 16px; position: absolute; right:0; top:-24px;}
.ico-med {height: 24px; width: 24px; display: block;}
.ico-lg {height: 32px; width: 32px; display: block;}
.ico-rss {background: url(../graphics/sm_icons/feed-16x16.png) no-repeat;}
.ico-create-pdf-sm {background: url(../graphics/icons/icon-pdf-16px.png) no-repeat;}
.ico-create-rtf-sm {background: url(../graphics/icons/icon-word-16px.png) no-repeat;}
.ico-create-pdf-med {background: url(../graphics/icons/icon-pdf-24px.png) no-repeat;}
.ico-create-rtf-med {background: url(../graphics/icons/icon-word-24px.png) no-repeat;}
.ico-create-pdf-lg {background: url(../graphics/icons/icon-pdf-32px.png) no-repeat;}
.ico-create-rtf-lg {background: url(../graphics/icons/icon-word-32px.png) no-repeat;}
.ico-dl-sm {background: url(../graphics/icons/icon-dl-16px.png) no-repeat;}
.ico-dl-med {background: url(../graphics/icons/icon-dl-24px.png) no-repeat;}
.ico-dl-lg {background: url(../graphics/icons/icon-dl-32px.png) no-repeat;}
.ico-tek {height: 67px; width: 127px; display: block; padding: 0; margin: 0; background: url(../graphics/tek-logo.png) no-repeat;}

/* video players
****************************************************************************************/
/* make youtube and other iframes responsive */
.resp-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.resp-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* datepicker */
.datepicker .next, .datepicker .prev {cursor: pointer;}
.datepicker.datepicker-dropdown.dropdown-menu {
	background-color: #fff; 
	border: 1px solid #ccc;
	padding: 0 10px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(187,187,187,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(187,187,187,1);
	box-shadow: 0px 5px 5px 0px rgba(187,187,187,1);
	text-align: center;
}
th.datepicker-switch {text-align: center;}
td.day.active {background-color: #f69a1d; color: #fff;}
td.day{cursor: pointer;}

/************* BEGIN: Multilevel Nav ********************/
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

/* Removed the hover to make the 2nd level click event. Jquery script also added to misc.js
.dropdown-submenu:hover>.dropdown-menu {*/
.dropdown-submenu.active>.dropdown-menu {display: block;}

/* This is the default caret that is displayed for the submenu
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width:5px 0 5px 5px;
    border-left-color: #777;
    margin-top: 5px;
    margin-right: -5px;
}
*/
/*.dropdown-submenu:hover>a:after {*/
.dropdown-submenu.active>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #fff;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color:#333;}
/************* END Multilevel Nav ********************/

/* thumbnails
****************************************************************************************/
/* make thumbnails all a consistent size regardless of dimensions */
.ratio-1_1, .ratio-4_3, .ratio-16_9, .ratio-2_1, .ratio-3_1, .ratio-3_4 {
  width:100%;
  position:relative;
  background:url() 50% 50% no-repeat;
  background-size:cover;
  background-clip:content-box;
}
.ratio-1_1:before { /* square */
    display:block;
    content:"";
    padding-top:100%;
}
.ratio-4_3:before { /* rectangle - landscape */
    display:block;
    content:"";
    padding-top:75%;
}
.ratio-16_9:before { /* rectangle - landscape */
    display:block;
    content:"";
    padding-top:56.25%;
}
.ratio-2_1:before { /* rectangle - landscape */
    display:block;
    content:"";
    padding-top:50%;
}
.ratio-3_1:before { /* rectangle - landscape */
    display:block;
    content:"";
    padding-top:33%;
}

.ratio-3_4:before { /* rectangle - portrait */
    display:block;
    content:"";
    padding-top:133%;
}
/*	TARAHS TWEAKS TO THE SITE	*/
.rail-twitter{
	border: 1px solid rgba(15,70,100,.12);
    margin-bottom: 15px;
}
.navbar-default .navbar-nav>li>a{
	padding-left: 13px;
	padding-right: 13px;
}
#brand-banner a, #brand-banner a:link, #brand-banner a:visited, #brand-banner a:hover {
    color: #2c68ab;
    text-decoration: none;
}

@media (max-width: 767px) {
	.dropdown-submenu.active > .dropdown-menu {margin-left:20px;}
	#brand-banner-links {
	    float: left;
		padding-top: 10px;}
	.carousel-caption {
    	position: relative;}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top :40%;}
	#aaa-navbar-collapse {
	    position: fixed;
		top: 0;
		left: 0;
		z-index: 16;
		width: 266px;
		height: 700px;
		background-color: #255891;
		padding-left: 30px;	}
		
	#slide-navbar-collapse {
		 position: fixed;
		 top: 0;
		 left: 15px;
		 z-index: 999999;
		 width: 280px;
		 height: 100%;
		 background-color: #25578f;
		 overflow: auto;
		 bottom: 0;
		 max-height: inherit;
	}
	.menu-overlay {
		 display: none;
		 background-color: transparent;
		 bottom: 0;
		 left: 0;
		 opacity: 0.5;
		 filter: alpha(opacity=50);
		 /* IE7 & 8 */
		 position: fixed;
		 right: 0;
		 top: 0;
		 z-index: 49;
	}
	.navbar-fixed-top {
		 position: initial !important;
	}
 
}

@media (min-width: 768px) and (max-width: 991px){
	.navbar-default .navbar-nav>li>a{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){

	.navbar-collapse {
		padding-right: 0;
		padding-left:0;
	}
	.navbar-default .navbar-nav>li>a{
		padding-left: 40px;
		padding-right: 40px;
	}
	/* .navbar-collapse a {
	font-size: 12px;
	} */
  }

@media (min-width: 1200px) {
	.navbar-default .navbar-nav>li>a{
		padding-left: 55px;
		padding-right: 60px;
	}

}