﻿
/*This is a sample overide css file.  In this file, ONLY change the styles that you wish to override.   */
/* You may copy styles in from the main /styles/styles.css stylesheet, place them here, and modify*/
/* Do NOT make changes to styles.css itself as changes there will be lost when patches are applied*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
	font-size: 16px;
}

.hidden {
	display: none;
}

body {
    font-family: sans-serif;
    color: #333;
    line-height: 18px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center top;
}

body.normalpage {
	background-image:url('../../images/custom/NewCastleHomePageBackground.jpg') 
}

body.backgroundimage {
	background-position: left top !important;
}

#bodyarea {
	background: white;;
}

.backgroundimage #wrapper{
	margin-top: 1% !important;
}

#outerheader {
	display: block;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	background:#001949;
	opacity: 1.00;
	z-index: 100 !important;
	height: 130px;
}

#header{
	height:130px;
	background-color: #f3f3f3;
}

.sitelogocontainer {
	position: absolute;
	top: 0;
	left: 0;
    height: 130px; 
	width: 320px;
    background-color: transparent;
    margin-top: 0px !important; 
	opacity: 1.0 !important;
	z-index: 2;
}

.sitelogo {
    background-image:url('../../images/custom/NewCastleDE/NewCastleHeaderLogo.png') !important; 
	height: 130px;  
	width: 320px;
    background-repeat:no-repeat;
	background-size: contain;
	opacity: 1.0 !important;
}

.HeaderSiteTitle{
    color:white;
    font-size :18px;
    position:fixed;
    top:5px;
    left:5px;
}

#rightsection
{
	position: fixed;
	padding-left: 10px;
	height: auto; 
	width: auto;
	text-align: right;
	font-size: 12px;
	top: 0px;
	right: 0px;
}

span#contactUs {
	display: none;
}


.SideBar {
	BACKGROUND-COLOR: transparent;

}

.SideBarHeading
{
	BACKGROUND-POSITION: center 50%;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 9pt;    
	VERTICAL-ALIGN: middle;
	COLOR: #3d6599;
	BACKGROUND-COLOR: transparent;
	TEXT-ALIGN: center
}

.SideBarTabs
{
	FONT-SIZE: 9pt;
	font-weight:lighter;
	COLOR: #3d6599;
	BACKGROUND-COLOR:transparent;
	
	TEXT-INDENT: 6px;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	VERTICAL-ALIGN: middle;
 
	BORDER-WIDTH: 0px;
}


.BannerSubTabs, .IndexLink, .SideBarTabs {
    color:#1a2a3b;
}

/* Hiding the record navigator */
#frmMain > div:nth-child(5) {
	display: none;
}

#wrapper.center {
	min-width: 0;
}

.HeaderLinks {
    color: white;
	width: 100%;
	background-color: transparent;
}

#content{
	width: 100% !important;
	position: static !important;
	/*margin-left: auto;*/
	/*margin-right: auto; */
	margin-bottom: 0 !important;
}

#content p{
	margin: 20px;
	font-size: 11pt;
	line-height:1.4;
	text-align: left;
}

#content a{
	font-size:18px;
	margin: 20px 0 20px 10px;
	display: block;
}

#content h1{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

#content h2{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

#content h3{
	color: #001949;
	font-size: 14pt;
	font-weight: 500;
	text-transform: uppercase;
	text-align: left;
	margin: 20px;
	padding-top: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}



.contentpanel {
    border:2px solid white;
    background: white;
    border-radius: 0px ;
    /* -webkit-box-shadow: 3px 3px 2px lightgray; */
	box-shadow: 0 0 1px 1px lightgray;
    margin: 5px 5px 5px 5px;
	padding: 10px 10px 10px 10px;
	/* width: 100% !important; */
	/* font-family: Arial; */
}

#wideimage{
	width: 1903px;
	margin: auto;
	
}

#panelx{
	position: static;
	height:450px;
	width: 100%;
}
.SearchText 
{
     font-size: 11pt;
	 font-family: Arial;
     color:#1a2a3b;
}

.SearchExamples {
	color: #001949;
	background-color: #e9f2f9;
	font-size: 12pt;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

#topmenu {
	display: flex;
	box-sizing: border-box;
	background-color: #f3f3f3;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 1.125em;
    position: absolute;
	top: 0;
	height: 65px;
	color: #ffffff;
	text-transform: uppercase;
    width: 100%;
}

#topmenu .unsel a {
	box-sizing: border-box;
    color: #13476B;
    background-color: transparent;
	top: 0;
	display: inline-block;
	height: 65px;
	padding: 20px 45px;
	transition: border-bottom 0.25s ease, border-top 0.25s ease, padding 0.25s ease;
}

#topmenu .sel a  {
    color: #13476B;
    background-color: transparent;
    font-weight:normal;
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: none; box-shadow:none;
}

#topmenu a:hover {
	border-top: 15px solid #13476b;
	border-bottom: 5px solid #f0c550;
	padding: 5px 45px 15px;
	text-decoration: none;
}

#topmenu ul {
	position: absolute;
	left: unset;
	right: 0;
	height: 65px;
}

#topmenu ul li {
	right: 0;
	height: 65px;
}

#topmenu ul li a span {
	font-weight: 500;
}

#secondarytopmenu {
	display: flex;
	box-sizing: border-box;
	background-image: linear-gradient(to right, #0a2b41, #1c6397);
	background-image: -webkit-linear-gradient(left,#0a2b41,#1c6397);
    font-size: 18px;
	font-weight: normal;
    left:  0px; 
	position: absolute;
	height: 65px;
	top: 65px;
	width: 100%;
}

#secondarytopmenu .unsel a
{
    color: white;
    font-size: 18px;
	font-weight: normal;
	background-color: transparent;
	top: 0;
	padding: 22px 20px;
	transition: background-color 0.5s;
}

#secondarytopmenu .sel a
{
    color: white;
	background-color: #3678ad;
    font-size: 18px;
	font-weight: normal;
	box-shadow: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	top: 0;
	padding: 22px 20px;
}

#secondarytopmenu a:hover
{
	color: #ffffff;
	background-color: #3678ad;
    text-align: left;
	text-decoration: none;
}

#secondarytopmenu ul li {
	right: 0;
	height: 65px;
}

/* FOOTER STYLES */

#footercontent {
    font-size: 15.2px;
	color: #13476B;
	background-color: white;
	padding-top: 2em;
	padding-right: 76.375px;
	padding-left: 25px;
	margin: 0 auto;
}

#dvFooter {
	text-align: left !important;
	line-height: 1.5;
	font-family: sans-serif;
	width: 100%;
	max-width: 1432px;
	margin: 0 auto;
}

#dvFooter h3 {
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-size: 19.76px;
	font-weight: 600;
	margin: 0;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}

#dvFooter a {
	color: #13476B;
}

address {
	font-style: normal;
}

.footerRow {
	width: 100%;
	display: flex;
	gap: 10px 4rem;
}

.footerLeft {
	width: 25%;
	padding-bottom: 2.25em;
	border-bottom: 3px solid #f0c550;
}

.footerRight {
	width: 70.83333333333%;
	border-bottom: 3px solid #f0c550;
}

.noBorder {
	border: 0 !important;
}

.footerRight.noBorder {
	display: flex;
	padding: 25px 0 25px 0;
	justify-content: center;
}

#footerLinks {
	display: flex;
}

#footerLinks div {
	width: 33.3333333333%;
}

#footerLinks ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footerLinks ol li {
	padding: 3.8px 0;
}

#footerBottomLinks, #footerBottomLinks li {
	display: inline;
}

#footerBottomLinks li {
	padding: 0 1em !important;
}

#messageBanner{
	background-color:#0F4656;
}

#wrapper{
	width: 100%;
	height: 500px;
	margin-left: auto;
	margin-top: 2%;
	margin-right: auto;
	z-index: 1 !important;
	background: transparent;

}
/*Flyout (left side) menu styles*/
.FlyoutMenuLayer  {
    border:2px solid lightgray;
    background-color:#9CAFC1;
}

.FlyoutMenuItem {
     color:#1a2a3b !important;
}

.PullDownMenuLayer 
{
	background-color:#4E6A38!important;
	Opacity:.97;
	color: white !important;
	font-size: 9pt !important;
	font-family: Tahoma, Geneva, sans-serif !important;
	/* background-image: url("../../images/custom/pdlist.jpg"); */ 
	border: none!important;
	font-weight: bold !important;
	/* text-transform: uppercase;*/ 
    /*color:#4f84ca !important;
    top: 0px !important;
   	font-weight:normal !important;*/
    visibility:hidden;
    z-index:100!important;
    display:block!important;
   /*	text-decoration:none !important;
	text-align: left !important;
	background-image: url("../../images/custom/pdlist.jpg"); 
	background-repeat: repeat-x;
	border-top: none!important;*/
	
}
.PullDownMenuItem 
{
    background-image:none !important ;
    text-decoration:none!important;
    cursor:default!important;
	text-align: left !important;
	padding: 15px 0px 15px 0px !important;
	background-color: #4E6A38;
	color: white;
	
    		
}
.PullDownMenuItem a:hover 
{ 
	text-decoration: underline !important; 
	color:white!important;
	background-color: #4E6A38!important;
	padding: 15px 0px 15px 0px!important;
	cursor:pointer!important;
	font-size: 9pt!important; 
	/* font-weight:normal !important; */
	font-family: Tahoma, Geneva, sans-serif !important;
	text-align: left !important;
	font-weight: bold !important;
}
#pd_2
{	
	/* Top:176px !important; */
	Top:88px !important;
	Left:375px !important;
	Width:186px !important;
	color:#4E6A38 !important;
	background-color:#4E6A38;
}
#pd_861
{	
	/* Top:176px !important; */
	Top:88px !important;
	Left:545px !important;
	Width:266px !important;
	color:#557DB1 !important;
	background-color:#4E6A38;
}

.WidgetBar, #DTLNavigator_txtFromTo {
    color:black !important;
}

.WidgetBarSelected
{
	font-weight: bold;
	font-size: 10px;
	color: white;
	border: none;
	background-color: #E4E7D0;
}

.WidgetBarHL
{
	font-weight: bold;
	font-size: 10px;
	color: #3d6599;
	background-color: #E4E7D0;
}


.WidgetBar
{
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;

}
.RecordWidget
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}
.RecordWidgetLight
{
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}
.ListWidget
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #3d6599;
	BACKGROUND-COLOR: white;
}


.DataletHeaderBottom 
{
    color:black;
    background-color:white!important;
	font-size: 11pt;
	font-weight: normal;	
	color: #001949;
}

.DataletHeaderTop
{
    background-color:white!important;
    color:black;
	font-size: 11pt;
	font-weight: normal;
	color: #001949;
}


.DataletTitleColor 
{
    background-color: #efefef;
    color:#001949;
    font-weight: bold;
}

.DataletTopHeading {
     background-color:#efefef;
}

.toplink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	div {
		background-color: lightyellow;
		border-radius: 4px;
		padding: 4px;
		&:hover {
			background-color: lightcyan;
		}
	}
}

.toplink:last-of-type {
	margin-bottom: 20px;
}

#rightsection {
	display: none;
}

.Btn {
    Color:white;
    background-color:#001949 ;
}

.BtnBlue {
    Color:white;
    background-color:#001949 ;
}

.btnDatalet {
	padding: 10px;
	margin: 5px;
}

.FormText 
{
	font-size: 14px;
	width: auto;
}

.AkandaCopyright {
    color:white;
}

.Banner{
	BACKGROUND-COLOR: #FFFFFF !important;
	font-family: Tahoma, Geneva, sans-serif;

}

.Banner h1{
	font-weight: 400;
	color: #0F4656;
	FONT-SIZE: 18pt;
	text-transform: uppercase;
	margin: 20px;
	padding-top: 30px;
}

.Banner p{
	margin: 20px;
	font-size: 11pt;
	line-height:1.4;
	padding-bottom: 10px;
}

.BannerSubTabs{
	BACKGROUND-COLOR:#FFFFFF !important;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
}

.BannerSubTabs h1{
	color: #001949 !important;
	font-size: 14pt !important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	text-align: left!important;
	margin: 20px!important;
	padding-top: 10px!important;
	font-family: Tahoma, Geneva, sans-serif!important;
	
}

.BannerSubTabs h2{
	color: #001949!important;
	font-size: 12pt!important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	text-align: left!important;
	margin: 20px!important;
	padding-top: 10px!important;
	font-family: Tahoma, Geneva, sans-serif!important;
}

.BannerSubTabs p{
	margin: 0 20px 20px 20px !important;
	font-size: 11pt!important;
	line-height:1.4!important;
	padding: 5px 0 5px 0!important;
	text-align: left!important;
}

.BannerSubTabs a{
	font-size: 20px !important;
}

.BannerSubTabsBlank{
	BACKGROUND-COLOR:#FFFFFF  !important;
	Border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
}

.auto-style9{
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	letter-spacing: 0px;
	color: #F6F6F0;
}

.auto-style9 a{
	/* color: #99D9EA; */
	color: #C9E3EA;
}

.auto-style12{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

.auto-style13{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

.auto-style50{
	text-align: left;
	font-size: 9pt;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #F6F6F0;
}

#searchResults{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#ContentPanel1{ 
	BACKGROUND-COLOR:#FFFFFF !important;
}

#loginform{
	margin-left: 0px !important;
}

#login_adj{
	width: 400px !important;
}

#sidemenu{
	width: 250px;	
	font-size: 15px;
	font-weight: normal !important;
	background-color: #ffffff !important;
}

#sidemenu .sel a{
	color: #001949 !important;
	background-color: #e5e5e5 !important;
	font-weight: bold;
	background-image: none !important;
}

#sidemenu .unsel a{
	color: #001949 !important;
	font-weight: bold;
	font-size: 15px;
	transition: background-color 0.5s ease;
}

#sidemenu a:hover{
	text-decoration: underline;
	background-color: #001949;
	color: #ffffff !important;
	width: 250px;
}

#sidemenu .contentpanel{
	background-color: #ffffff;
	border: none;
	box-shadow: none;
}

#sidemenu.columns{
	background-color: transparent !important;
	
}


#sidemenu li{
	border-bottom: none;
}

#sidemenu li.sel{
	background-color: #e5e5e5 !important;
}


#dvDataPanel{
	z-index: 90 !important;
}

.sketchbody{
	background-image: none;
	background-color: #ffffff;
}

#disclaimerLinks{
	font-size: 11pt !important;
	display: inline !important;
	margin: 0 0 0 0 !important;
}


.HelpTOC{
	font-size: 10pt;
}



.white{
	color: white;
}

.auto-style14{
	color: white;
}

.Input{
	font-size: 14px !important;
}

.SearchResults{
	font-size: 13px;
}

.MenuRowHL {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 9pt;
  color: White;
  font-weight: normal;
  text-decoration: none;  
  cursor:pointer;
  background-color: #424142;
  border-bottom: none;	
  z-index: +300;
}

.MenuRowClicked {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 9pt !important;
  color: White;
  font-weight: normal !important;
  text-decoration: none;  
  cursor:pointer;
  background-color:  #424142;
  border-bottom: none;
  border-right: none;
  border-top: none;
  border-left: none;
}

#pd_Parent a:after
{
	content: "▼";
}

.fancyButton.fancyButton33 .text {
    color: #fff;
    font-size: 1.3em;
    font-family: "Open Sans";
    text-align: left;
    padding-left: 66px;
    font-style: regular;
    text-decoration: none;
    padding-left: 66px;
    background-repeat: no-repeat;
    background-position: left top;
    height: 47px;
}
.DataletSideHeading{
font-size: 14px;

}
.DataletData{
font-size: 14px;

}


#btAgree.Btn.BtnBlue
{
	width: 80px;
}
#btDisagree.Btn.BtnBlue
{
	width: 80px;
}

#linkContactUs.HeaderLinks {
	background: transparent;
}

@media screen and (max-width: 1250px) {
	#topmenu {
		position: static;
	}
	
	#topmenu ul {
		position: static;
		margin: 0 auto;
	}

	#secondarytopmenu {
		position: static;
	}

	#secondarytopmenu ul {
		position: static;
		margin: 0 auto;
	}

	.sitelogocontainer {
		width: 100%;
	}

	.sitelogo {
		margin: 0 auto;
		border-radius: 20px;
	}
	
}
