/**********************************************************************
	*
	* Filename:       Public.css
	* Project:        osborn-eng.com/Styles
	* Description:    Public website stylesheet
	*
**********************************************************************/

@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,400);
@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700);

/*@font-face { font-family: TrajanPro3; src: url("TrajanPro3-Regular.otf") format("opentype"); }
@font-face { font-family: TrajanPro3; font-weight: bold; src: url("TrajanPro3-Bold.otf") format("opentype"); }*/

/* BODY TAG */
body { padding-top:128px; position:relative; }
.BodyTop { position:fixed; top:0; left:0; z-index:800; width:100%; min-width:1200px; height:58px; background-color:#fff; }

p, div, span, th, td, a, ul, li { line-height:1.4em; font-family: 'Open Sans', sans-serif; }
p {  }
img { max-width:100%; height:auto; }
.btn-custom-primary { background: #024456; color: #ffffff; font-family: Arial, sans-serif; font-size: 13px; border: 1px solid #024456; box-shadow: none; }
.btn-custom-primary:hover { text-decoration:none; background:#0c657d; color:#ffffff; }
.highlight { background-color:yellow; line-height:1.4em; }

h1, h2, h3, h4, h5 { font-family: 'Droid Sans', sans-serif; color:#024456; }
h1 { margin-top:22px; font-size: 21px; }
h2 { margin-top:22px; margin-bottom:10px; font-size: 18px; }
h3 { margin-top:22px; margin-bottom:10px; font-size: 16px; }
h4 { margin-top:22px; margin-bottom:10px; font-size: 14px; }

/* IMAGES */
.ImgLeft { float:left; margin:0 2% 2% 0; }
.ImgRight { float:right; margin:0 0 2% 2%; }
.ImgBlock { padding:0 0 2% 0; }
.page-image { width:800px; }
.board-image { width:566px; }

/* HR BREAKS */
hr.style-one { clear:both; display:block; width:100%; border: 0; height: 1px; margin:15px 0 15px 0; background: #c0c0c0; }
hr { clear:both; display:block; width:100%; border: 0; height: 1px; margin:15px 0 15px 0; background: #c0c0c0; }
hr.style-one:last-child { background:transparent; background-image:none; margin:15px 0 0 0; }
hr.blueHr { height:2px; background-color:#024456; }

/* SITE WRAPPER */
.sitewrapper { position:relative; padding-top:71px; margin-top:-71px; background-color:#fff; }
#overlay { display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; background:black; opacity:0.5; filter:alpha(opacity=50); }

/* VERTICAL COLORED PAGE BARS */
.BlueBar { content:""; position: absolute; z-index: 750; top: 0; bottom: 0; right: 3px; border-right: 8px solid #024456; }
/*.WhiteBar { content:""; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; border-right: 3px solid #fff; }*/

/* MAIN NAVIGATION */
.MainNavigation { display:inline-block; }
.Logos { display:none; padding:0; margin:0; }
.Logos a.Osborn { float:left; margin-right:0; margin-top:0; margin-left:5px; }

.navbar { width:100%; border-radius:0; margin-bottom:0; padding-top:0; background-color:#fff; max-height:70px !important; }
.navbar .container {  }
.navbar-custom {  }
.navbar-fixed-top { top:58px; z-index:750; }
.navbar-header { max-height:70px !important; z-index:100000; }
.navbar-default { max-height:70px !important; box-shadow:none; background-color:pink; background-image:url(../images/HeaderBG.jpg); background-repeat:repeat-y; background-position:center center; border:none; background-color:transparent; }
.navbar-collapse { margin-right:0; margin-left:0; padding-left:0; }
.navbar-nav li { position:relative; }
.navbar-nav li.dropdown:nth-child(10) { background-color:#cccccc; }
.navbar-nav li.dropdown:nth-child(12) { background-color:#cccccc; }
.navbar-nav > li > a { position:relative; z-index:1000; height:70px; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:18px; color:#024456 !important; text-transform:uppercase; text-align:center; padding:13.5px 12px }

.About { width:100px; line-height:22px !important; }
.Wiki { width:auto; }
.Benefits { width:240px; line-height:22px !important; }
.Procedures { width:228px; line-height:22px !important; }
.Programs { width:135px; padding:13.5px 5px !important; }
.Portal { width:133px; }

@media (max-width: 1049px) {
    .Programs { padding:5px 13px 5px 20px !important; }
}

#mainnav { position:relative; z-index:500; }
.navbar-nav li a { background:none !important; box-shadow:none !important; }
.navbar-nav li.divider-vertical { width:2px; min-width:2px; height:70px; background-image:url(../images/VerticalDivider.png); background-repeat:no-repeat; background-position:center bottom; }
.divider-vertical:nth-last-child(-n+2) { display:none; }

#magic-line { position:absolute; bottom:0; left:0; width:auto; height:9px; background:#024456; z-index:500; }

.dropdown-menu.pull-left { left:-1px; top:69px;  }
.dropdown-menu { width:250px; background:transparent; padding:0px; margin:0px;  }
.dropdown-menu li { background-image:url(../images/DropdownBG3.png); }
.dropdown-menu li:hover { background-image:none; background-color:#024456; }
.dropdown-menu li a { color:#ffffff !important; padding:8px 13px 8px 13px; font-size:14px; text-transform:lowercase; text-align:left; line-height:normal; word-wrap: break-word; white-space: normal; }
.dropdown-menu li a:hover { color:#ffffff !important; background:none; }
.dropdown-last { margin-right:190px; }
.dropdown-menu.last { width:135px; min-width:135px; }


.navbar-toggle { background-color:#024456; height:52px; padding:0 11px 0 11px; margin:9px 18px 9px 9px; border-radius:0; }
.navbar-toggle:hover  { background-color:#024456 !important; }
.navbar-toggle:focus  { background-color:#024456 !important; }
.icon-bar { background-color:#e0e1d9 !important; width:31px !important; }

.NavLogo { padding-top:10px !important; padding-bottom:0 !important; padding-left:5px !important; }
.NavLogo img { max-width:239px; }

/* SECONDARY NAVIGATION */
.SecondaryNavigation { padding:0 10px 0 0; width:256px; }
.SecondaryNavigation div { position:relative; }
.SecondaryNavigation div a { display:inline-block; color:#000; font-size:15.5px; padding:7px 10px 7px 8px; font-weight:bold; line-height:normal; }
.SecondaryNavigation div a:hover { color:#024456; text-decoration:none; }
.SecondaryNavigation div a.active { color:#024456; font-weight:bold; }
.SecondaryNavigation div div.Tertiary a:before  { position:absolute; left:8px; content:'\002B'; font-size:15.5px; font-weight:bold; line-height:normal; }
.SecondaryNavigation div div.Tertiary a { padding: 0 10px 0 20px; }
.SecondaryNavigation div div.Tertiary a.active { color:#024456; font-weight:bold; }
.SecondaryNavigation div div.Tertiary:hover { color:#024456; font-weight:bold; }
.SecondaryNavigation div div.Tertiary.active { color:#024456; font-weight:bold; }
.SecondaryNavigation div div.Tertiary:last-child a { padding: 0 10px 7px 20px; }

/* PAGE ELEMENTS */
.PageBody { position:relative; min-height:680px; background-color:#fff; padding:0 0 0 0; background-image:url(../images/LeftBlueBar2.png); background-repeat:repeat-y; }
.PageContent { position:relative; padding:1.5% 2% 0 2%; }
.PageContent.NoPadding { padding:1.5% 0 0 0; }
.LeftPadding { padding-left:2%; }
.LeftColumn { width:256px; }
.RightColumn { width:935px; }

.PageDownloads { margin:0 0 20px 0; position:relative; z-index:100;}
.PageDownloads a { float:left; margin-left:20px; }
.PageDownloads a div { text-align:center; }
.PageDownloads a div div { max-width:150px; font-size:11px; margin-top:5px; }
.PageDownloads.Document { margin:18px 18px 18px 0; }

.pagedownloads-dropdown { margin:0 0 20px 0; }
.pagedownloads-dropdown .btn { border-radius:0; background-image:none; background-color:#024456; border-color: #024456; box-shadow:none; }
.pagedownloads-dropdown .btn:hover { text-decoration: none; background: #0c657d; color: #ffffff; }
.pagedownloads-dropdown .btn:focus { text-decoration: none; background: #0c657d; color: #ffffff; }
.pagedownloads-dropdown .dropdown-menu { z-index:500; background:none; background-color:#fff; border:1px solid #cdcdcd; border-radius:0; }
.pagedownloads-dropdown .dropdown-menu li { z-index:500; background:none; background-color:#fff; border-radius:0; background-image:none; }
.pagedownloads-dropdown .dropdown-menu li:hover { background-color:#fcfcfc; }
.pagedownloads-dropdown .dropdown-menu li a { text-transform:none;  padding:8px 13px 8px 0px; } 
.pagedownloads-dropdown .dropdown-menu li a div div { color:black; font-size:12px; }
.pagedownloads-dropdown .dropdown-menu li a div.link div.icon { float:left; width:40px; text-align:center; }
.pagedownloads-dropdown .dropdown-menu li a div.link div { float:left; width:195px; }
.pagedownloads-dropdown .dropdown-menu li a div div img { max-width:20px; max-height:20px; }

.quick-links-dropdown { margin:0; line-height:1.3em; }
.quick-links-dropdown .btn {  border-radius:0; background-image:none; border-color: #fff; color:#000 !important; box-shadow:none; border:0px; padding: 3px 15px 3px 15px;}
.quick-links-dropdown .btn:hover { text-decoration: none; }
.quick-links-dropdown .btn:focus { text-decoration: none; }
.quick-links-dropdown .dropdown-menu { z-index:500; background:none; background-color:#fff; border:1px solid #cdcdcd; border-radius:0; margin-bottom:100px; }
.quick-links-dropdown.dropup .dropdown-menu { z-index:500; background:none; background-color:#fff; border:1px solid #cdcdcd; border-radius:0; margin-bottom:0px; }
.quick-links-dropdown .dropdown-menu li { z-index:500; background:none; background-color:#fff; border-radius:0; background-image:none; }
.quick-links-dropdown .dropdown-menu li:hover { background-color:#fcfcfc; }
.quick-links-dropdown .dropdown-menu li a { text-transform:none; padding:8px 13px 8px 13px; } 
.quick-links-dropdown .dropdown-menu li a div div { color:black; font-size:12px; }
.quick-links-dropdown .dropdown-menu li a div.link div.icon { float:left; width:40px; text-align:center; }
.quick-links-dropdown .dropdown-menu li a div.link div { float:left; width:195px; }
.quick-links-dropdown .dropdown-menu li a div div img { max-width:20px; max-height:20px; }

/* PAGE TITLES */
.PageTitle { margin-top:0; margin-bottom:15px; font-family: 'Droid Sans', sans-serif; font-weight: 500; font-size: 21px; line-height: 1.1; }

/* FANCY BOX */
.fancybox-title { font-family:Arial,Helvetica,sans-serif !important; font-size:14px !important; }

/* TOOL TIP */
.tooltip > .tooltip-inner { background-color: #ec8b10; color: #FFFFFF; font-size:14px; }
.tooltip.top > .tooltip-arrow { border-top: 5px solid #ec8b10; }
.tooltip.bottom > .tooltip-arrow { border-bottom: 5px solid #ec8b10; }
.tooltip.left > .tooltip-arrow { border-left: 5px solid #ec8b10; }
.tooltip.right > .tooltip-arrow { border-right: 5px solid #ec8b10; }

/* NEWS / WHATS HAPPENING */
.NewsItem { margin-bottom:25px; }
.NewsItem h1 { margin-top:0; margin-bottom:0; }
.NewsItem h2 { margin-top:3px; margin-bottom:0; }
.NewsItem div.Date { margin-top:3px; }
.NewsItem div.Author { margin-top:3px; }
.NewsItem div.Image { margin-top:5px; }
.NewsItem div.Body { margin-top:15px; }

.WhatsHappeningItem { margin-bottom:25px; }
.WhatsHappeningItem h1 { margin-top:0; margin-bottom:0; }
.WhatsHappeningItem h2 { margin-top:3px; margin-bottom:0; }
.WhatsHappeningItem div.Date { margin-top:3px; }
.WhatsHappeningItem div.Author { margin-top:3px; }
.WhatsHappeningItem div.Image { margin-top:5px; }
.WhatsHappeningItem div.Body { margin-top:15px; }

/* HOMEPAGE */
.HomeSection {  }
.HomeSectionTitle { font-weight:bold; font-size:18px; padding:2px 5px 2px 5px; }
.HomeSectionTitle.CompanyNews { background-color:#fbb32f; }
.HomeSectionTitle.WhatsHappening { background-color:#d0d3b9; }
.HomeSectionTitle.UpcomingEvents { background-color:#024456; }
.HomeSectionTitle.UpcomingEvents a { color:#fff; }
.HomeSectionLinksContainer { margin-top:15px; margin-bottom:15px; }
.HomeSectionLinksContainer div { margin:10px 0 10px 0; }
.HomeSectionLinksContainer div a { display:inline-block; padding:2px 5px 2px 5px; color:#000; }

.HomeSectionEventsLinksContainer { margin-top:5px; margin-bottom:10px; }
.HomeSectionEventsLinksContainer div.EventLinksItem { width:100%; }
.HomeSectionEventsLinksContainer div.EventLinksItem div.Date { float:left; width:30%; margin:10px 0 10px 0; }
.HomeSectionEventsLinksContainer div.EventLinksItem div.Date a { display:inline-block; padding:2px 5px 2px 5px; color:#000; }
.HomeSectionEventsLinksContainer div.EventLinksItem div.Title { float:left; width:70%; margin:10px 0 5px 0; }
.HomeSectionEventsLinksContainer div.EventLinksItem div.Title a { display:inline-block; padding:2px 5px 0 5px; color:#000; }

.FeaturedItemContainer { width:670px; }
.FeaturedItemContainer div.ImageContainer { position:relative; margin-bottom:5px; }
.FeaturedItemContainer div.ImageContainer div.Caption { position:absolute; bottom:0; left:0; width:100%; padding:10px 10px 10px 10px; background-color:#024456; opacity:.95; }
.FeaturedItemContainer div.ImageContainer div.Caption h1 { color:#fff; margin:0 0 0 0; font-size:24px; }
.FeaturedItemContainer div.ImageContainer div.Caption h2 { color:#ccdbe5; margin:5px 0 0 0; font-size:21px; }
.FeaturedItemContainer div.TitleContainer { margin-bottom:5px; }
.FeaturedItemContainer div.TitleContainer h1 { margin:0 0 0 0; font-size:24px; }
.FeaturedItemContainer div.TitleContainer h2 { margin:5px 0 0 0; font-size:21px; }
.FeaturedItemContainer div.Summary { margin-bottom:20px; }

.GoogleMap { width:100%; height:500px; margin-bottom:20px; }
.Location { margin-bottom:20px; display:none; }
.Location div a { font-weight:bold; }
.LocationName { font-weight:bold; }
.LocationImage { margin-top:5px; }
.ParkingInfoTitle { font-weight:bold; color:#000; }

.tl-slidenav-next { right:130px !important; }

/* DOCUMENT SECTION STYLES */
.TableOfContentsHeader { font-size: 15.5px; color:#000; font-weight: bold; text-transform:uppercase; margin-top:0; display:block; line-height:12px; }
.DocumentMap { margin-bottom:40px; }
.DocumentMap div a { color:#000; font-weight: bold; }
.DocumentMap div a.active { text-decoration:none; color:#024456; }
.DocumentMap div a:before { padding-right:5px; }
.DocumentMap div a:hover { text-decoration:none; color:#024456; }
.DocumentMap1 { margin-top:15px; }
.DocumentMap1 a { font-size: 15.5px; margin-left: 0; }
.DocumentMap1 a:before { padding-right:0 !important; content:none !important; }
.DocumentMap2 { margin-top:5px; margin-left:30px; }
.DocumentMap2 a { font-size: 14.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap2 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }
.DocumentMap3 { margin-top:5px; margin-left: 40px; }
.DocumentMap3 a { font-size: 13.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap3 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }
.DocumentMap4 { margin-top:5px; margin-left: 60px; }
.DocumentMap4 a { font-size: 14.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap4 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }
.DocumentMap5 { margin-top:5px; margin-left: 80px; }
.DocumentMap5 a { font-size: 11.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap5 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }
.DocumentMap6 { margin-top:5px; margin-left: 100px; }
.DocumentMap6 a { font-size: 10.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap6 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }
.DocumentMap7 { margin-top:5px; margin-left: 120px; }
.DocumentMap7 a { font-size: 9.5px; display:list-item; margin-top: 5px; list-style-type:none; list-style-image:url(/images/ListImage.jpg); }
.DocumentMap7 a:hover { list-style-type:none; list-style-image:url(/images/ListImageHover.jpg); }

.DocumentPageContent { padding:0 2% 0 2%; position:relative; }
.DocumentSectionDiv { margin-bottom:40px; }
.DocumentSectionDiv h5 { font-size: 15.5px; color:#000; font-weight:bold; margin-top: 0; margin-bottom: 10px;  }

.DocumentCopy { overflow-y:auto; height:570px; }
.DocumentCopy hr { margin:0 0 0 0; border-top:1px solid #000; }

.searchTools a { font-size:12px; }

/* CALENDAR STYLES */
.fc-toolbar .fc-center h2 { margin-top:5px; font-size:24px; }
.fc-day-header { font-size:14px; }
.fc-content { font-size:12px; }
.fc-event { cursor:pointer; }

.modal { z-index:10000000;  }
.modal-title { font-size:24px; line-height:normal; }
.modal-body { font-size:14px; max-height:400px; overflow-y:auto; }
.modal .eventCalendar strong { color:#024456; }

.CalendarLegend { display:none; }
.CalendarLegend table {  }
.CalendarLegend table tr {  }
.CalendarLegend table tr td { font-size:14px; }
.CalendarLegend table tr td.LegendColor { width:40px; line-height:normal; border-top:none; vertical-align:middle; }
.CalendarLegend table tr td.LegendColor div.DivColor { display:block; max-width:30px; width:100%; height:30px; }
.CalendarLegend table tr td.LegendColor div.DivColor.DueDates { background-color:#ffc0cb; }
.CalendarLegend table tr td.LegendColor div.DivColor.OffFriday-Orange { background-color:#ffa500; }
.CalendarLegend table tr td.LegendColor div.DivColor.OffFriday-Blue { background-color:#0000ff; }
.CalendarLegend table tr td.LegendColor div.DivColor.PayDays { background-color:#008000; }
.CalendarLegend table tr td.LegendColor div.DivColor.FederalHolidays { background-color:#ffff00; }
.CalendarLegend table tr td.LegendColor div.DivColor.PaidHolidays { background-color:#808000; }
.CalendarLegend table tr td.LegendColor div.DivColor.OffFridays { background-color:#808080; }
.CalendarLegend table tr td.LegendColor div.DivColor.Meetings { background-color:#996633; }
.CalendarLegend table tr td.LegendColor div.DivColor.CorporateEvents { background-color:#ff0000; }
.CalendarLegend table tr td.LegendColor div.DivColor.SocialEvents { background-color:#800080; }
.CalendarLegend table tr td.LegendColor div.DivColor.Misc { background-color:#808080; }
.CalendarLegend table tr td.LegendColor div.DivColor.Health { background-color:#00A79D; }
.CalendarLegend table tr td.LegendName { line-height:normal; border-top:none; vertical-align:middle; }

/* OTUBE */
.OTubeDiv { margin-bottom:0px; margin-top:30px; border-top:1px solid black; }
.OTubeDiv div.Video { margin-top:0px; }
.OTubeDiv div.Video h4.Title { font-size:20px; color:#024456; margin-bottom:5px; line-height:24px; font-weight:400; }
.OTubeDiv div.Video div.Date { font-weight:bold; margin-bottom:8px; }
.OTubeDiv div.Video div.Description { padding:0px 0px 0px 0px; }

.YoutubeContainer { max-width:640px; }
.YoutubeWrapper { float: none; clear: both; position: relative; padding-bottom: 56.25%; padding-top: 0px; margin-bottom:10px; }
.YoutubeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }


.youtube-player {
    position: relative;
    float:none;
    clear:both;
    padding-bottom: 56.25%;
    height: 0;
    padding-top:0px;
    margin-bottom:10px;
    overflow: hidden;
    background: #000;
}
    
.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
}
    
.youtube-player img:hover {
    -webkit-filter: brightness(75%);
}
    
.youtube-player .play {
    width: 200px;
    height: 44px;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -26px;
    position: absolute;
    background: url("../images/logoOTube.png") no-repeat;
    cursor: pointer;
}

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

/* FOOTER */
.Footer { padding:10px 0 10px 10px; margin-bottom:0; }
.FooterCopyright { font-size:12px; line-height:normal; padding-top:4px; }
.FooterNav { line-height:normal; }
.FooterNav a { display:inline-block; font-size:12px; color:#000; }
.FooterNav a:last-child { margin-right:10px; }
.FooterNav a:hover { color:#024456; text-decoration:none; }
.FooterNav span { display:inline-block; padding:0 10px 0 10px; font-size:18px; line-height:normal; }
.FooterSocialIcons { color:#ffffff; }
.FooterSocialIcons a { display:inline-block; margin-right:5px; }
.FooterSocialIcons a img { width:48px; height:48px; }
.footerLogo { max-height:55px; display:inline-block; margin-bottom:15px; }
.footerLogo.Osborn {margin-right:30px; }
.footerLogo.Oset { }
.footerLogo.Leadership { }

/* DATA TABLES */
.table.dataTable.no-footer {  border-bottom: 1px solid #024456 !important; }
.table.dataTable thead tr th { font-size:12px; line-height:normal; color:#333; border-bottom: 1px solid #024456 !important; }
.table.dataTable thead tr td { font-size:12px; line-height:normal; color:#333; border: 1px solid #024456 !important; background-color:#024456; }
.table.dataTable thead tr td select { width:100%; }
.table.dataTable tfoot tr th { font-size:12px; line-height:normal; color:#333; border-bottom: 1px solid #024456 !important; }
.table.dataTable tbody tr td { font-size:11px; line-height:normal; color:#333; }
.table.dataTable tbody tr.row-link { cursor:pointer; }
.table.dataTable tbody tr.row-link:hover td { color:#024456; }
.table.dataTable.OpenChatsTable thead tr th { font-size:13px; line-height:normal; color:#333; border-bottom: 1px solid #024456 !important; }
.table.dataTable.OpenChatsTable tbody tr td { font-size:13px; line-height:normal; color:#333; }
.dataTables_filter { float:left !important; text-align:left !important; margin-top:0 !important; }
.dataTables_filter label { font-size:12px; position:relative; }
.dataTables_filter input { width:250px; font-size:13px; font-weight:normal; background-repeat:no-repeat; padding:3px 10px 3px 30px; margin-bottom:5px; border-radius:16px; border: 1px solid #ccc; -webkit-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; -moz-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; }
.dataTables_filter:before { position:absolute; top:5px; left:15px; z-index:100; font-family: "Glyphicons Halflings" !important; content: "\e003" !important; color:#b0b0af; vertical-align:middle; }
.dataTables_info { font-size:14px; }
.dataTables_paginate { font-size:14px; }
.table-responsive { border:0; }

.table.DetailsTable { margin-bottom:10px; }
.table.DetailsTable tbody tr th { line-height:normal; font-weight:bold; background-color:#f5f5f5; }
.table.DetailsTable tbody tr td { line-height:normal; }

.dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333333; border: 1px solid transparent; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #cacaca !important; background-color: white !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro)) !important; background: -webkit-linear-gradient(top, white 0%, gainsboro 100%) !important; background: -moz-linear-gradient(top, white 0%, gainsboro 100%) !important; background: -ms-linear-gradient(top, white 0%, gainsboro 100%) !important; background: -o-linear-gradient(top, white 0%, gainsboro 100%) !important; background: linear-gradient(to bottom, white 0%, gainsboro 100%) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent !important; background: transparent !important; box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #024456 !important; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #024456), color-stop(100%, #024456)) !important; background: -webkit-linear-gradient(top, #024456 0%, #024456 100%) !important; background: -moz-linear-gradient(top, #024456 0%, #024456 100%) !important; background: -ms-linear-gradient(top, #024456 0%, #024456 100%) !important; background: -o-linear-gradient(top, #024456 0%, #024456 100%) !important; background: linear-gradient(to bottom, #024456 0%, #024456 100%) !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); box-shadow: inset 0 0 3px #111; }

.scheduling-legend { margin-bottom: -20px; }
.scheduling-legend div { display:block; font-size:12px; }
.scheduling-legend div div.dot { display:inline-block; position:static; }

.tooltip { white-space:nowrap; }

.employee-name { padding-left:10px; }
.dot { position:absolute; top:9px; left:5px; width:10px; display:block; width:10px; height:10px; border-radius:99px; margin-top:2px; }
.dot.none {display:none;}
.dot.pink { background-color:#ec008d; }
.dot.green { background-color:#3dad48; }
.dot.blue { background-color:#243f8e; }
.dot.orange { background-color:#f79025; }

/* ACCOUNT */
.AccountWelcome { height:58px; line-height:58px; }
.AccountWelcome a.btn-primary { background:#024456; color:#ffffff; font-family:Arial, sans-serif; font-size:13px; border:1px solid #024456; box-shadow:none; }
.AccountWelcome a.btn-primary:hover { text-decoration:none; background:#035d75; color:#ffffff; }

/* PANELS */
.panel-default { border-radius:0; }
.panel-default > div.panel-heading { color: #fff; font-size:14px; background-image:none; background-color: #024456; border-color: #024456; border-radius:0; }
.panel-default > div.panel-body { font-size:14px; }
.panel-default > div.panel-footer { font-size:14px; }
.panel-default > div.panel-footer div.Attachment { font-weight:bold; font-size:14px;  }
.panel-default > div.panel-footer ul { margin-bottom:0; }

/* WIKI */
.WikiCategoryContainer:last-child hr { display:none; }
.WikiCategoryContainer ul li { font-size:14px; }
.WikiManagerMenu { margin-bottom:5px; }
.WikiManagerMenu ul li a { font-size:14px; }
.WikiTableOfContents { display:inline-block; border:1px solid #1D436C; background-color:#ddeff5; padding:2%; }
.WikiTableOfContents div.Title { font-weight:bold; }
.WikiTableOfContents div.Title a { font-size:12px; }
.WikiTableOfContents div.Sections { padding-top:10px; }
.WikiTableOfContents div.Sections div a.ContentsLink { font-size:14px; line-height:18px;font-weight:bold;  }
.HomeWikiTableOfContents { display:inline-block; border:1px solid #1D436C; background-color:#ddeff5; padding-left:2.5%; margin-right:3%; margin-bottom:5%; }
.HomeWikiTableOfContents div.Title { font-weight:bold; text-align:left; padding:2% 2% 0 2.9%; font-size:14px;}
.HomeWikiTableOfContents div.Title a { font-size:12px; }
.HomeWikiTableOfContents div.HomeSections { padding-top:4px; }
.HomeWikiTableOfContents div.HomeSections div a.ContentsLink { font-size:14px; line-height:16px; }
.HomeWikiTableOfContents div.HomeSections div a.SecondaryNavContentsLink { font-size:14px; line-height:16px; color:#024456; padding-top:4px; padding-bottom:4px; }

.PageContent.Wiki h1 { border-bottom:1px solid #1D436C; padding-bottom:3px; margin-bottom:10px; }
.WikiCategoryContainer h2 { border-bottom:1px solid #1D436C; padding-bottom:3px;  }
.SecondaryNavigation .wikilink { text-align:center; width:100%; font-size:25px !important; font-family:"Cinzel",Georgia,Times,serif; font-weight:400 !important; color:#000; margin-bottom:10px; }
.homeWikiHeaderTitle { font-size:40px; font-family:"Cinzel",Georgia,Times,serif; padding:5px 0 0 0; font-weight:400; color:#000; }

@media (max-height: 800px) {
    .affix {
        position: static;
    }
}

/* STANDARD FORM TABLE */
.FormTable { clear:right; width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0 0; }
.FormTable input { width:100%; font-family:Arial, sans-serif; font-size:14px; background-color:#ffffff; border:1px solid #024456; padding:4px 15px 4px 5px; line-height:normal; }
.FormTable select { width:100%; font-family:Arial, sans-serif; font-size:14px; background-color:#ffffff; border:1px solid #024456; padding:4px 15px 4px 5px; line-height:normal; }
.FormTable textarea { width:100%; font-family:Arial, sans-serif; font-size:14px; background-color:#ffffff; border:1px solid #024456; padding:4px 15px 4px 5px; line-height:normal; }
.FormTable caption { padding:10px 0 5px 0; font-size:16px; font-weight:bold; color:#2d6e95; text-align:left; }
.FormTable thead th { width:auto !important; font-weight:bold; background:url( /lib/images/WebGridHeaderBG.jpg ) repeat-x #dedee6 !important; border:1px solid #c0c0c0 !important; }
.FormTable th, .FormTable td { padding:6px 6px 6px 6px; text-align:left; vertical-align:middle; border:1px solid #DCDCDC; }
.FormTable th { width:20%; background-color:#F5F5F5; font-weight:bold; }
.FormTable th em { margin:0px; padding:0 2px 0 0; font-family:monospace; font-weight:normal; }
.FormTable td em { color:#c0c0c0; }
.FormTable td { width:80%; background-color:#FFFFFF; }
.FormTable td span, .FormTable td div, .FormTable caption span { padding-left:5px; font-size:11px; font-weight:bold; }
.FormTable td div { padding:5px 0 0 0 !important; }
.FormTable td label { padding-left:5px; }
.FormTable div label.FormField { font-size:14px; color:#024456; font-style:normal; font-weight:normal; line-height:normal; display:block; margin-bottom:5px; }
.FormTable tbody tr.Row0 { background-color:#ffffff; }
.FormTable tbody tr.Row1 { background-color:#f1f1f1; }
.FormTable div.FormBlock { float:left; margin-bottom:10px; margin-right:30px; }
.FormTable div.FormBlock.Login { margin-bottom:8px; }
.FormTable div.FormBlock.Last { margin-right:0; }
.FormButtons{ margin-top:0; margin-bottom:10px; }
input.btn, a.frmbtn { width:auto; padding:7px 20px; margin:0 0 5px 0; border:0; background:#024456; color:#ffffff; font-family:Arial, sans-serif; font-size:13px; font-weight:normal; cursor:pointer;}
input.btn:hover, a.frmbtn:hover {text-decoration:none; background:#035d75; color:#ffffff; }
.FormValidation { float:right !Important; margin-right:25px !Important; margin-top:0px; }


a.bluebtn { width:auto; border:0; background:#024456; font-family: 'Open Sans', sans-serif; color:#fcaf17; border-radius:0; padding:3px 5px 3px 5px; margin:0; font-size:13px; font-weight:normal; cursor:pointer;}
a.bluebtn:hover { text-decoration:none; background:#045695; color:#fcaf17; }

a.whitebtn { width:auto; border:0; background:#fff; font-family: 'Open Sans', sans-serif; color:#000; border-radius:0; padding:3px 5px 3px 5px; margin:0; font-size:13px; font-weight:normal; cursor:pointer;}
a.whitebtn:hover { text-decoration:none; background:#dedee6; color:#000; }

.CrudForm select { width:auto; }
.CrudForm input { width:auto; }

.FormTable td.HtmlEditor span { padding-left:0 !important; }
.FormTable td.HtmlEditor { padding:0 !important; }
.FormTable td.HtmlEditor div { padding:0 !important; }

/* FORM ERRORS */
label.FormErrorMessage, div.FormErrorMessage , p.FormErrorMessage  { display:block; color:red; font-size:11px; font-weight:bold; margin-top:0; }
label.FormErrorMessage { padding-left:5px; }
input[type='text'].FormErrorMessage, input[type='password'].FormErrorMessage, textarea.FormErrorMessage, select.FormErrorMessage { border-color:red !important; }
div.FormErrorMessage { padding-top:0px; }

/* SEARCH */
.stylish-input-group { margin-top:12px; width:250px; }
.stylish-input-group.wiki-group { width:auto; }
.input-group-addon { background-color:#ffffff; padding:0 10px 0 0; border-right:0 solid transparent; border-radius:16px; -webkit-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; -moz-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; }
.stylish-input-group .form-control { border-left:0; width:250px; height:30px; padding:0 0 0 5px; border-radius:16px; border-left:0 solid transparent; line-height:30px; -webkit-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; -moz-box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; box-shadow: inset 0 2px 2px -2px #dddddd, inset 0 -2px 5px -2px #dddddd; }
.stylish-input-group button { background-color:#ffffff; border:0 solid transparent; border-radius:16px; width:100%; margin-left:5px; border-right:0; }
.stylish-input-group button span { color:#b0b0af;background:transparent; }

/* PAGINATION LISTS */
#paging_container1 .no_more { color:#666666; cursor: default; margin-bottom:20px; }
.page_navigation , .alt_page_navigation{ float:left; width:100%; }
.page_navigation a, .alt_page_navigation a  { padding:3px 5px; float: left; font-size:16px; font-weight:normal; text-decoration:underline; }
.page_navigation a:hover, .alt_page_navigation a:hover  { text-decoration:none; }
.ellipse { display:none !important; }
.next_link {float:right !important; display:block;}

/* PDF */
.EmployeePDFTable { width:100%; border-collapse:collapse; }
.EmployeePDFTable thead {  }
.EmployeePDFTable thead tr th { text-align:left; font-size:14px; line-height:normal; color:#333; border-bottom: 2px solid #024456 !important;  padding:5px; }
.EmployeePDFTable tbody tr td { text-align:left; font-size:12px; line-height:normal; color:#333;  padding:5px; border-bottom: 1px solid #333 !important; }
.EmployeePDFTable tbody tr td a { font-size:12px; }
.EmployeePDFTable tbody tr:nth-child(odd) td { background-color:#ebebeb; }
.EmployeePDF h2.Title { float:left; margin-top:0; }
.EmployeePDF h2.Date { float:right; margin-top:0; }

.DocumentPDF div.Title {float:left; margin-top:0; font-family: 'Droid Sans', sans-serif; color:#024456; font-size:18px; font-weight:bold; }
.DocumentPDF div.Date {float:right; margin-top:0; font-family: 'Droid Sans', sans-serif; color:#024456; font-size:18px; font-weight:bold; }

/* US MAP */
.UsMap { width:800px; height:400px; }

/* HTML Table Styles */
.otable { width:100%; border-spacing:0; border-collapse:collapse;  }
.otable th { background-color:#024456; color:#fff; font-weight:normal; }
.otable th, .otable td { border:1px solid #000; padding:10px; }
.otable th strong, .otable td strong { font-weight:bold; }
.otable th strong a, .otable td strong a { font-weight:bold; }
.otable th strong span, .otable td strong span { font-weight:bold; }

/* OTUBE CATEGORY RESOURCES / BUTTON LINKS */
.category-resources {
    margin:0;
}

.category-resources h5 {
    font-weight:bold;
    margin-top:30px;
}

.category-resources .btn {
    margin-right:5px;
    margin-bottom:8px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-sm.btn-outline {
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    background-image:none;
    transition: all .25s;
    box-shadow:none;
    text-shadow:none;
}

.btn-primary.btn-outline {
    border-color:#024456;
    color: #024456;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover {
    background-color:#024456;
}

.btn-primary.btn-outline:focus {
    background-color:#024456;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-primary.btn-outline:focus,
.btn-success.btn-outline:focus,
.btn-info.btn-outline:focus,
.btn-warning.btn-outline:focus,
.btn-danger.btn-outline:focus {
    color: #fff;
}

/* 1366px  1280px */
/* 1440px  1340px*/
@media (max-width: 1429px ) and ( min-width: 1355px) {
    .SecondaryNavigation { display:block !important; }
}

@media (max-width: 1429px) {
    .FormValidation { float:left !Important; margin-right:30px; }
}

@media (max-width: 1200px) {
}

@media (max-width: 1049px) {
    .PageBody { background-image:none; }
    .SecondaryNavigation { display:none; }
    .dropdown-last { margin-right:0; }
    body { padding-top:70px; }
    .sitewrapper { position:relative; padding-top:0; padding-left:0; margin-top:0; background-color:#fff; }
    .navbar-fixed-top { top:0; }
    .BlueBar { right: 0; border-right: 10px solid #1D436C; }
    .RightColumn { width:100%; }
    .BodyTop { display:none; }

    .About { width:100%; line-height:39px !important; }
    .Wiki { width:100%; line-height:39px !important; }
    .Benefits { width:100%; }
    .Procedures { width:100%; }
    .Programs { width:100%; line-height:39px !important; }
    .Portal { width:100%; line-height:39px !important; }

    /* NAVIGATION COLLAPSED */
    .navbar { width:100% !important; height:100% !important; z-index:10000; }
    .navbar .container { width:100% !important; height:100% !important; padding:0; }
    .container { width:100% !important; height:100% !important; }
    .navbar-collapse { display:block; overflow:hidden; margin-left:0; padding:0 !important; max-height:none; }
    .navbar-collapse .navbar { width:100%; }
    .navbar-nav { margin:0; right:0; }
    .navbar-collapse ul > li { position:relative; min-width:300px; }
    .navbar-collapse ul > li a { position:relative; z-index:1000; height:auto; font-size:15px; color:#024456; display:block; text-align:left; background-color:#ffffff !important; opacity:0.9; text-transform:uppercase; padding:5px 13px 5px 20px;  }
    .navbar-collapse ul > li.active > a { background-color:#ffffff !important; }
    .navbar-collapse ul > li.active > a:hover { background-color:#ffffff !important; }
    .navbar-nav li a { background:transparent !important; box-shadow:none !important; }
    .navbar-nav > li.dropdown { border-bottom:1px solid #024456;}
    .navbar-nav li.divider-vertical { display:none; }
    .navbar-nav li:first-of-type {  }
    #magic-line { display:none; }
    
    .dropdown-menu.pull-left { float:none !important;  top:0;}
    .dropdown-menu { position:relative; display:none; width:100%; padding:0; margin:0; border:none;  }
    .dropdown-menu li { display:block; width:100%; padding:0; margin:0; background:transparent !important; }
    .dropdown-menu li:hover {  background-image:none; }
    .dropdown-menu li a { color:#ffffff !important; display:block !important; width:100% !important; line-height:39px !important; padding:0 20px 0 20px !important; font-size:14px; text-transform:lowercase !important; background-image:url(../images/DropdownBG3.png) !important; }
    .dropdown-menu li a:hover { color:#ffffff !important; background:none; }

    .pagedownloads-dropdown .dropdown-menu { position:absolute !important; z-index:500; width:250px; background:none !important; background-color:#fff !important; border:1px solid #cdcdcd !important; border-radius:0 !important; }
    .pagedownloads-dropdown .dropdown-menu li { z-index:500; background:none !important; background-color:#fff !important; border-radius:0; background-image:none; }
    .pagedownloads-dropdown .dropdown-menu li:hover { background-color:#fcfcfc !important; }
    .pagedownloads-dropdown .dropdown-menu li a { color:black !important; padding:8px 13px 8px 0px !important; background-image:none !important; font-size:12px; line-height:normal !important; text-transform:none !important; }
    .pagedownloads-dropdown .dropdown-menu li a div div { color:black; font-size:12px; }
    .pagedownloads-dropdown .dropdown-menu li a div.link div.icon { float:left; width:40px; text-align:center; }
    .pagedownloads-dropdown .dropdown-menu li a div img { max-width:20px; max-height:20px; }

    .quick-links-dropdown .btn {  line-height: 1.6em;}
    .quick-links-dropdown .dropdown-menu { position:absolute !important; z-index:500; width:250px; background:none !important; background-color:#fff !important; border:1px solid #cdcdcd !important; border-radius:0 !important; }
    .quick-links-dropdown .dropdown-menu li { z-index:500; background:none !important; background-color:#fff !important; border-radius:0; background-image:none; }
    .quick-links-dropdown .dropdown-menu li:hover { background-color:#fcfcfc !important; }
    .quick-links-dropdown .dropdown-menu li a { color:black !important; padding:8px 13px 8px 13px !important; background-image:none !important; font-size:12px; line-height:normal !important; text-transform:none !important; }
    .quick-links-dropdown .dropdown-menu li a div div { color:black; font-size:12px; }
    .quick-links-dropdown .dropdown-menu li a div.link div.icon { float:left; width:40px; text-align:center; }
    .quick-links-dropdown .dropdown-menu li a div img { max-width:20px; max-height:20px; }

    .dropdownlogo { display:none !important; }
    .NavLogo { display:none; }
    .Logos { display:inline-block; padding:0; margin:8px 0 0 13px; width:auto; }

    /* HOMEPAGE */
    .FeaturedItemContainer { width:100%; }
    .FeaturedItemContainer img { width:100%; height:auto; }

    .DocumentCopy { overflow-y:visible; height:auto; position:relative; }
    .UsMap { width:600px; height:300px; }
}

@media ( max-width: 1024px ) {
    .pull-left { float: none !important; }
}

@media (max-width: 768px) {
    .scheduling-legend { float:left !important; margin-bottom:10px; }
}

@media (max-width:767px) {
    .searchicon {display:none;}
    .UsMap { width:300px; height:170px; }
}

@media (max-width: 480px) {
    .HomeSectionEventsLinksContainer div.EventLinksItem div.Date { float:none; width:30%; margin:10px 0 0 0; }
    .HomeSectionEventsLinksContainer div.EventLinksItem div.Date a { display:inline-block; padding:2px 5px 0 5px; color:#000; }
    .HomeSectionEventsLinksContainer div.EventLinksItem div.Title { float:none; width:70%; margin:5px 0 10px 0; }
    .HomeSectionEventsLinksContainer div.EventLinksItem div.Title a { display:inline-block; padding:0 5px 2px 5px; color:#000; }

    .FeaturedItemContainer div.ImageContainer div.Caption h1 { font-size:18px; }
    .FeaturedItemContainer div.ImageContainer div.Caption h2 { font-size:16px; }

    .FooterNav { text-align:center; width:100%; padding:5px; }
    .FooterCopyright { text-align:center; width:100%; padding:5px; }
    .FooterSocialIcons { width:100%; text-align:center;}

    .Logos a.Osborn { float:left; max-width:200px; margin-right:23px; margin-top:6px; }
}

@media ( max-width: 376px ) {
}

@media (max-width: 330px) {
    .Logos { display:inline-block; padding:0; margin:5px 0 0 8px; width:auto; }
    .Logos a.Osborn { float:left; max-width:160px; margin-right:23px; margin-top:12px; }
}

.back-to-top{padding:10px;display:block; width:1170px;z-index:999;cursor:pointer;text-align:center;position:fixed;bottom:0;left:50%;transform: translateX(-50%);background-color:#575757;visibility:hidden;opacity:0;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;transition-property:all;color:#fff;}
.back-to-top:hover{background-color:#797979;color:#fff;text-decoration:none}
.back-to-top:focus{background-color:#797979;color:#fff;text-decoration:none}
.back-to-top.show{visibility:visible;opacity:1}