﻿/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
this css file is used for items that are application specific
created by: janean angeles, chasetheweb.net
date last modified: 8/1/2017, BJ Nguyen
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*used to place magnifying glass image over thumbnails that open into modals*/
.thumbLightbox{cursor:pointer;position:relative;display:inline-block;border-width:0;}
.thumbLightbox .thumbnail{/*border: solid 1px #000;*/position:relative;}
.thumbLightbox .lightboxIcon{position:absolute;width:16px;height:16px;right:3px;bottom:5px;}
.thumbLightbox img{border-width:0;}
/*end*/

table {
	width: auto;
}

td {
	vertical-align: top;	
}

th {
	vertical-align: top;
}

/*radtree*/
.rtHover .rtIn,.rtSelected .rtIn{background:none!important;border-width:0!important;cursor:pointer!important;}
.rtSelected .rtIn{color:#000!important;font-weight:700!important;}
.RadTreeView .rtIn{padding:0!important;}

/*flash videos*/
object{background-color:#000;border:solid 1px #000;}

/*news media icons*/
.media-icons{margin-left:4px;vertical-align:bottom;}
.media-icons img{margin-right:2px;width:16px!important;height:16px!important;border-width:0!important;}

/*Important Links*/
div#importantlinks .ImportantLink { font-weight: bold; }

/*modal popups*/
/*for inline colorbox news modals*/
.colorbox-modal-container{text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif!important;line-height:1.5em!important;color:#58595b!important;padding:10px;}
.colorbox-modal-container .article-body{}


.colorbox-modal-container .article-body-left{min-width:95% !important;width:95% !important;}
.ie6 .colorbox-modal-container .article-body-left,.ie7 .colorbox-modal-container .article-body-left{float:left;display:block;}
.colorbox-modal-container .article-images{min-width:200px;display:inline-block;vertical-align:top;padding:0px 10px 6px 12px;float:right;}

@media only screen and (max-width: 467px) and (min-width: 320px) {
    .colorbox-modal-container .article-body-left{min-width:300px !important;width:300px !important;}
    .colorbox-modal-container .article-images {
        width: 200px;
        min-width: 200px;
        display: inline-block;
        vertical-align: top;
        margin: 6px 40px;
        float: inherit;
    }
}
@media only screen and (min-width: 468px) {
    .colorbox-modal-container .article-body-left{min-width:520px;display:inline-block;vertical-align:top;}
    .colorbox-modal-container .article-images{min-width:200px;display:inline-block;vertical-align:top;padding:0px 10px 6px 12px;float:right;}

}

.ie6 .colorbox-modal-container .article-images,.ie7 .colorbox-modal-container .article-images{float:right;display:block;}
.colorbox-modal-container .article-image{margin-bottom:10px;}
.colorbox-modal-container .article-image img{border:1px solid #58595b;cursor:pointer;min-width:200px;}
.colorbox-modal-container .article-image img:hover{border:1px solid #f26522;}
.colorbox-modal-container p{margin:0 0 10px!important;padding:0!important;font-size:1em!important;font-family:Verdana;}
.colorbox-modal-container h3,.colorbox-modal-container h2{color:#000;font-size:1.4em;margin:5px 0 .5em;padding:0;}
.colorbox-modal-container span{line-height:1.2em!important;}
.colorbox-modal-container .article-body ul,.colorbox-modal-container .article-body-left ul{line-height:1.5em!important;list-style-type:disc;margin-left:20px;}
.colorbox-modal-container .article-body ul li,.colorbox-modal-container .article-body-left ul li{margin:0!important;padding:0 0 10px!important;}
.colorbox-modal-container .Event-Date{font-weight:700;}
.colorbox-modal-container .RadSocialShare{}
.colorbox-modal-container #clear, .colorbox-modal-container .clear {height: 8px;clear: both;}
.colorbox-modal-container .article-attachments h4{margin-top:10px;border-top:1px dashed silver;padding-top:4px;}
.colorbox-modal-container .article-attachments ul{list-style-type:none;}
.colorbox-modal-container .article-image-caption{font-size:smaller;font-style:italic;}
.colorbox-modal-container .article-body .article-attachments li,.colorbox-modal-container .article-body-left .article-attachments li{padding-left:18px!important;}
.colorbox-modal-container .article-attachments .filetype-txt{background-image:url(../images/icons/txt.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-pdf{background-image:url(../images/icons/pdf.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-swf{background-image:url(../images/icons/swf.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-doc,.colorbox-modal-container .article-attachments .filetype-docx,.colorbox-modal-container .article-attachments .filetype-dot,.colorbox-modal-container .article-attachments .filetype-rtf{background-image:url(../images/icons/doc.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-xls{background-image:url(../images/icons/xls.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-ppt{background-image:url(../images/icons/ppt.png);background-repeat:no-repeat;}
.colorbox-modal-container .article-attachments .filetype-html,.colorbox-modal-container .article-attachments .filetype-htm{}
.colorbox-modal-container .article-attachments .filetype-mp3{}


/*messaging*/
.alert{background-color:#FCF8E3;/*border: 1px solid #FBEED5;*/border:1px solid #f25c2a;border-radius:4px 4px 4px 4px;color:#f25c2a;margin-bottom:18px;padding:8px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.5);}
.alert-danger,.alert-error{background-color:#F2DEDE;/*border-color: #EED3D7;*/border-color:#B94A48;color:#B94A48;}
.alert-success{background-color:#DFF0D8;/*border-color: #D6E9C6;*/border-color:#468847;color:#468847;}
.alert-info{background-color:#D9EDF7;/*border-color: #BCE8F1;*/border-color:#3A87AD;color:#3A87AD;}
.alert ul{margin-left:25px;}

/*telerik overrides*/
.RadRotator_Default .rrClipRegion {border: none !Important;}

/*#region backpack*/
.backpack-single-folder { }
.backpack-single-folder .rtTop, 
.backpack-single-folder .rtMid, 
.backpack-single-folder .rtBot  { }
/*#endregion*/

/*#region Icons */
[class^="icon-"],
[class*=" icon-"] {display: inline-block;width: 20px;height: 14px;*margin-right: .3em;line-height: 14px;vertical-align: text-top;background-image: url("../Images/Icons/glyphicons-halflings.png");background-position: 14px 14px;background-repeat: no-repeat;}
[class^="icon-"].right,
[class*=" icon-"].right {margin-right: 0px; margin-left: .3em;}
.icon-glass {background-position: 0  0;}
.icon-music {background-position: -24px 0;}
.icon-search {background-position: -48px 0;}
.icon-envelope {background-position: -72px 0;}
.icon-heart {background-position: -96px 0;}
.icon-star {background-position: -120px 0;}
.icon-star-empty {background-position: -144px 0;}
.icon-user {background-position: -168px 0;}
.icon-film {background-position: -192px 0;}
.icon-th-large {background-position: -216px 0;}
.icon-th {background-position: -240px 0;}
.icon-th-list {background-position: -264px 0;}
.icon-ok {background-position: -288px 0;}
.icon-remove {background-position: -312px 0;}
.icon-zoom-in {background-position: -336px 0;}
.icon-zoom-out {background-position: -360px 0;}
.icon-off {background-position: -384px 0;}
.icon-signal {background-position: -408px 0;}
.icon-cog {background-position: -432px 0;}
.icon-trash {background-position: -456px 0;}
.icon-home {background-position: 0 -24px;}
.icon-file {background-position: -24px -24px;}
.icon-time {background-position: -48px -24px;}
.icon-road {background-position: -72px -24px;}
.icon-download-alt {background-position: -96px -24px;}
.icon-download {background-position: -120px -24px;}
.icon-upload {background-position: -144px -24px;}
.icon-inbox {background-position: -168px -24px;}
.icon-play-circle {background-position: -192px -24px;}
.icon-repeat {background-position: -216px -24px;}
.icon-refresh {background-position: -240px -24px;}
.icon-list-alt {background-position: -264px -24px;}
.icon-lock {background-position: -287px -24px;}
.icon-flag {background-position: -312px -24px;}
.icon-headphones {background-position: -336px -24px;}
.icon-volume-off {background-position: -360px -24px;}
.icon-volume-down {background-position: -384px -24px;}
.icon-volume-up {background-position: -408px -24px;}
.icon-qrcode {background-position: -432px -24px;}
.icon-barcode {background-position: -456px -24px;}
.icon-tag {background-position: 0 -48px;}
.icon-tags {background-position: -25px -48px;}
.icon-book {background-position: -48px -48px;}
.icon-bookmark {background-position: -72px -48px;}
.icon-print {background-position: -96px -48px;}
.icon-camera {background-position: -120px -48px;}
.icon-font {background-position: -144px -48px;}
.icon-bold {background-position: -167px -48px;}
.icon-italic {background-position: -192px -48px;}
.icon-text-height {background-position: -216px -48px;}
.icon-text-width {background-position: -240px -48px;}
.icon-align-left {background-position: -264px -48px;}
.icon-align-center {background-position: -288px -48px;}
.icon-align-right {background-position: -312px -48px;}
.icon-align-justify {background-position: -336px -48px;}
.icon-list {background-position: -360px -48px;}
.icon-indent-left {background-position: -384px -48px;}
.icon-indent-right {background-position: -408px -48px;}
.icon-facetime-video {background-position: -432px -48px;}
.icon-picture {background-position: -456px -48px;}
.icon-pencil {background-position: 0 -72px;}
.icon-map-marker {background-position: -24px -72px;}
.icon-adjust {background-position: -48px -72px;}
.icon-tint {background-position: -72px -72px;}
.icon-edit {background-position: -96px -72px;}
.icon-share {background-position: -120px -72px;}
.icon-check {background-position: -144px -72px;}
.icon-move {background-position: -168px -72px;}
.icon-step-backward {background-position: -192px -72px;}
.icon-fast-backward {background-position: -216px -72px;}
.icon-backward {background-position: -240px -72px;}
.icon-play {background-position: -264px -72px;}
.icon-pause {background-position: -288px -72px;}
.icon-stop {background-position: -312px -72px;}
.icon-forward {background-position: -336px -72px;}
.icon-fast-forward {background-position: -360px -72px;}
.icon-step-forward {background-position: -384px -72px;}
.icon-eject {background-position: -408px -72px;}
.icon-chevron-left {background-position: -432px -72px;}
.icon-chevron-right {background-position: -456px -72px;}
.icon-plus-sign {background-position: 0 -96px;}
.icon-minus-sign {background-position: -24px -96px;}
.icon-remove-sign {background-position: -48px -96px;}
.icon-ok-sign {background-position: -72px -96px;}
.icon-question-sign {background-position: -96px -96px;}
.icon-info-sign {background-position: -120px -96px;}
.icon-screenshot {background-position: -144px -96px;}
.icon-remove-circle {background-position: -168px -96px;}
.icon-ok-circle {background-position: -192px -96px;}
.icon-ban-circle {background-position: -216px -96px;}
.icon-arrow-left {background-position: -240px -96px;}
.icon-arrow-right {background-position: -264px -96px;}
.icon-arrow-up {background-position: -289px -96px;}
.icon-arrow-down {background-position: -312px -96px;}
.icon-share-alt {background-position: -336px -96px;}
.icon-resize-full {background-position: -360px -96px;}
.icon-resize-small {background-position: -384px -96px;}
.icon-plus {background-position: -408px -96px;}
.icon-minus {background-position: -433px -96px;}
.icon-asterisk {background-position: -456px -96px;}
.icon-exclamation-sign {background-position: 0 -120px;}
.icon-gift {background-position: -24px -120px;}
.icon-leaf {background-position: -48px -120px;}
.icon-fire {background-position: -72px -120px;}
.icon-eye-open {background-position: -96px -120px;}
.icon-eye-close {background-position: -120px -120px;}
.icon-warning-sign {background-position: -144px -120px;}
.icon-plane {background-position: -168px -120px;}
.icon-calendar {background-position: -192px -120px;}
.icon-random {background-position: -216px -120px;}
.icon-comment {background-position: -240px -120px;}
.icon-magnet {background-position: -264px -120px;}
.icon-chevron-up {background-position: -288px -120px;}
.icon-chevron-down {background-position: -313px -119px;}
.icon-retweet {background-position: -336px -120px;}
.icon-shopping-cart {background-position: -360px -120px;}
.icon-folder-close {background-position: -384px -120px;}
.icon-folder-open {background-position: -408px -120px;}
.icon-resize-vertical {background-position: -432px -119px;}
.icon-resize-horizontal {background-position: -456px -118px;}
.icon-hdd {background-position: 0 -144px;}
.icon-bullhorn {background-position: -24px -144px;}
.icon-bell{background-position:-48px -144px;}
.icon-certificate {background-position: -72px -144px;}
.icon-thumbs-up {background-position: -96px -144px;}
.icon-thumbs-down {background-position: -120px -144px;}
.icon-hand-right {background-position: -144px -144px;}
.icon-hand-left {background-position: -168px -144px;}
.icon-hand-up {background-position: -192px -144px;}
.icon-hand-down {background-position: -216px -144px;}
.icon-circle-arrow-right {background-position: -240px -144px;}
.icon-circle-arrow-left {background-position: -264px -144px;}
.icon-circle-arrow-up {background-position: -288px -144px;}
.icon-circle-arrow-down {background-position: -312px -144px;}
.icon-globe {background-position: -336px -144px;}
.icon-wrench {background-position: -360px -144px;}
.icon-tasks {background-position: -384px -144px;}
.icon-filter {background-position: -408px -144px;}
.icon-briefcase {background-position: -432px -144px;}

/*overrides*/
.icon-warning-sign {background-image: url('../images/icons/alert.png'); width: 16px; height: 16px; background-position: 0px 0px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 2px !Important;}
.icon-rss {display:inline-block;height:21px;width:21px;margin-right:3px;background-image:url('../images/icons/rss.png'); background-position: 0 0;}
.backpack-icon { height: 16px; width: 16px; background-image: url('../images/icons/rss-small.png'); }
.icon-IsImportant { display: none; }
/*#endregion*/

/*#endregion*/

/*#region Region/Page Defaults*/
body.backpack div#main { min-height: 400px; padding-bottom: 20px; }
div#backpack-content .new-icon { color: red; font-weight: bold; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
body.backpack div#main {max-height:710px; overflow-y:auto;}
}
/*#endregion*/

/*CONTROL DEFAULTS*/
/*#region CurrentNewsLink*/
div.news-link{margin:10px 0;}
div.news-link h1{font-size:1.2em;color:#3d3d3d;}
/*#endregion*/

/*#region current news scroller*/
.article-list .news-item .itemHeader.bulleted { background: transparent url('../images/icons/bullet_dark.png') no-repeat; background-position: 0 6px; padding-left: 8px; display: inline-block; }
/*#endregion*/

/*Skip/Navigate to main content*/
#skiptocontent a {
  padding:6px;
  position: absolute;
  top:-999px;
  left:0px;
  color: black;
  border-right:1px solid black;
  border-bottom:1px solid black;
  border-bottom-right-radius:8px;
  background:white;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 99999;
}

#skiptocontent a:focus {
  position:absolute;
  left:0px;
  top:0px;
  outline:0;
  -webkit-transition: top .1s ease-in, background .5s linear;
  transition: top .1s ease-in, background .5s linear;
}

html {
    scroll-behavior: smooth;
}
/* Fix carat (down arrow) OCR compliance*/ 
.goog-te-menu-value > span { color: black !important;}


/* Custom Social Share link for /News/Archive.aspx */
.custom-socialshare-container {
	display: inline-block;
	border: 1px solid #8a8a8a;
	border-radius: .25em;
	float: right;
}

.custom-socialshare-container.hide {
	display: none;
}

.custom-socialshare-container #newsShareModalBtn {
	background: none;
	border: 0;
	padding: 0;
	color: blue;
}

.custom-socialshare-container #newsShareModalBtn:hover {
	cursor: pointer;
	text-decoration: underline;
}

.custom-socialshare-container > .RadSocialShare-Override {
	border: none;
	border-radius: 0;
	padding-right: 0;
}

.custom-socialshare-link {
	float: right;
	padding: 0.61667em .41667em 0.41667em 0;
	line-height: 1.42857;
	font-size: 12px;
    background-color: #fff;
}

div[id^="newsShareModalContent"] .modal-container {
	text-align: center;
	font-size: 1.4rem;
}

div[id^="newsShareModalContent"] .modal-container .title {
	text-align: left !important;
	font-weight: bold;
	margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    body .userway.userway_p1 {
        top: 50px !important;
    }
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
 
/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
  padding-top: 75%;
}