@font-face {

font-family: "Avenir",

src: "../fonts/Avenir.ttc";

}

div#login_wrapp {
    display: table;
    height: 100%;
    width: 250px; 
    margin: 0 auto;
}
div#login_area {
    display: table-cell;
    vertical-align: middle; 
}
#login_area  input[type="text"], #login_area  input[type="password"]{
    width: 100%;
    padding: 5px;
}
#login_area input[type="submit"] {
    padding: 6px 10px;
    text-transform: uppercase;
}

span.login_label {
    display: block;
}
body.login_p{
background:#fbf5f6;
}
body {

	font-size: 0.8em;

	margin: 25px 50px;

	background-color: #D4D6D6;

	color: #032059;

	font-family:"museo-sans", Verdana, Arial, Helvetica, sans-serif;

	

}



#updateTable ul {

	list-style-type: none;

	padding: 5px 10px;

	width: 200px;



}



a {

	color: #0583F2;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



a.active {

	text-decoration: underline;

}

.drawing_rectangle_page , .directory_page {
	height: calc(100vh - 88px);
}

 .drawing_single_pin_page {
	height: calc(100vh - 80px);
}
.drawing_single_pin_page .map {
	 height:100%;
}
#updateTable {

	font-size: 0.85em

}



#updateTable tr.evenrow {

	background-color: #FFFFFF;

}



#updateTable tr {

	background-color: #EEEEEE;

}



#editDialog {

	font-size: 0.8em;

}

.headerSim {

	margin: 20px 103px;

}



.mainArea {

	margin: 50px 100px;

	position:relative;

}



.mainPic {



}



.redDot1 {

	position:absolute;

	top: 161px;

	left: 297px;

}



.redDot2 {

	position:absolute;

	top: 237px;

	left: 435px;

}



.redDot3 {

	position:absolute;

	top: 237px;

	left: 485px;

}



.redDot4 {

	position:absolute;

	top: 205px;

	left: 485px;

}



.redDot5 {

	position:absolute;

	top: 169px;

	left: 485px;

}



.redDot6 {

	position:absolute;

	top: 127px;

	left: 513px;

}



#dataDiv {

	background-color:#CCCCCC;

	border: 1px solid #000000;

	position:absolute;

	top:25px;

	left:905px;

	width: 285px;

	display: none;

	font-size: 1em;

	padding-bottom:2px;

}



.dataAtt {

	float:left;

	width: 120px;

	height: 22px;

	margin: 1px 2px;

	background-color: #FFFFFF

}



.dataVal {

	float:left;

	width: 158px;

	height: 22px;

	margin:1px;

	background-color: #FFFFFF

}



.dataTitle {

	font-weight: bold;

	font-size: 1.1em;

	width: 100%;

	padding: 8px 2px 8px;

}



.subnav {

	color: #000000;

}



.subnav span {

	color: #0583F2;

	cursor: pointer;

}

._pin_info_area {
	height: 100%;
}
._poly_bg_img {
	width: 100%;
	height: 100%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}

.subnav span.active {

	text-decoration: underline;

}



.subnav span:hover {

	text-decoration: underline;

}



.pagination {

	cursor: pointer;

	color: #0583F2;

	text-decoration: none;

	margin: 0 0 8px 4px;

}



.pagination span.active {

	font-weight: bold;

	cursor: default;

}



.paginationItem {

	float:left;

	margin: 2px 4px;

}



.existingFileDiv {

	display:none;

}



.existingFileDiv span, .newFileDiv span {

	cursor:pointer;

	margin:10px 0;

	display:block;

	color:blue;

	text-decoration: underline;

}
 


body {
	font-family: "museo-sans", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	overflow-x: hidden;
}



h2 {

	margin:0;

	padding:0;

}



#wrapper {

	margin: 0 auto;

	width: 100%;

	background-color: #FFFEFE;

	position:relative;

	padding:0;

}



.filterButtons {
	width: 440px;
	height: 16px;
	position: absolute;
	top: 100px;
	right: 0px;
	z-index: 10;
}



.filterButtons a {
	/* text-indent: -9999px; */
	outline: none;
	margin-right: 10px;
	float: left;
	width: auto;
	/* height: 16px; */
	background: #f8f8f8;
	color: #a29e9d;
	padding: 2px 10px;
	text-align: center;
}
 
 
.filterButtons a[data-id="phase1inf"] {
	xbackground: #ff0000;
}
.filterButtons a[data-id="phase1inf"]:hover, .filterButtons a[data-id="phase1inf"].active {
	xbackground: #d03535;
}

.filterButtons a:hover, .filterButtons a.active {
	background-position: 0 -16px;
	color: #f8f8f8;
	background: #a29e9d;
}



#searchDiv {
	/* height: 80px; */
	padding: 12px 40px;
	color: #fafafc;
	background-color: #fff;
	font-weight: 300;
	font-family: museo-sans-condensed, sans-serif;
	font-style: normal;
	font-size: 1.2rem;
	box-shadow: 0px -8px 8px #888;
	z-index: 99;
	position: relative;
}


#top {

	width: 100%;

	height: 60px;

	background-color:#231F20;

}



.map {
	height: calc(100% - 80px);
}



#map {

	margin:0 auto;

	width:100%;

	height:800px;

	position: relative;

}



.navigation {

	height: 25px;

	padding-left: 20px;

	font-size: 14px;

}



.navigation p {

	color: #FBFBFB;

	margin: 0;

	padding: 0;

}



.navigation p a {

	color: #FBFBFB;

	text-decoration: underline;

}



.navigation p a:hover {

	text-decoration: none;

}



h1 {

	font-size: 24px;

	color: #FBFBFB;

	font-weight: normal;

	margin: 0;

	padding:5px 20px 0 20px;

}



.textLabel {

	position:absolute;

	font-size: 10px;

	width: auto;

	height: 15px;

	background-color: #DDDDDD;

	border: 1px solid #0000FF;

	padding:2px 2px 1px 2px;



}



body.drawMap {

	background: #CCCCCC;

}

header {
	box-shadow: 0px 8px 8px #888;
	z-index: 9;
	/* margin-bottom: 10px; */
	position: relative;
}

#keyword {
 
}



#keywordSearchForm {
	margin-top: 8px;
}



#keywordText {
	margin: 0;
	padding-top: 12px;
	float: left;
	/* width: 154px; */
	color: #0099db;
	font-size: 1.3rem;
	
	
font-family: museo-sans-condensed, sans-serif;

font-weight: 300;

font-style: normal;
}



#keywordBox {
	float: left;
	width: 225px;
	padding: 12px 20px;
}



#keyword input[name="keyword"] {
	/* width: 225px; */
	/* height: 25px; */
	background-color: #FAFAFC;
	color: #2E3192;
	padding: 2px 10px;
	margin: 0;
	border: 1px solid gray;
}



#keyword input[type='submit'] {

	margin: 12px 0 0 5px

}



#popupTriangle {

display:none;

position: absolute;

top: 0;

left: 0;

height: 0;

width: 0;

border-style: solid;

border-color: transparent rgba(68, 67, 90, 0.39) transparent transparent;

border-width: 208px 207px 208px 0;

}



.readmorepara {

	margin:5px 0 0 0;

}



#contactinfo a.emailLink, a.readmore, #facinfo a.emailLink, a.readmore {

	background-color: #FFFEFE;

	color:#5287ea;

}



#infotable td {



}



#dockinfo .infoTable {

	background-color: #EEEEEE;

}



#infobox, #infobox2, #contactinfo, #facinfo {
	position: absolute;
	top: 94px;
	right: 20px;
	background-color: #EEEEEE;
	color: #a19e9e;
	max-width: 650px;
	height: auto;
	-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75);
	padding: 10px 15px;
	width: 100%;
}


#dockinfo {
	position: absolute;
	top: 88px;
	left: -100%;
	background-color: #EEEEEE;
	color: #a19e9e;
	width: 75%;
	height: auto;
	/* -webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75); */
	/* box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.75); */
	/* padding: 10px 15px; */
	min-width: 250px;
	z-index: 9;
	transition: all 1s;
	font-weight: 300;
	font-family: museo-sans-condensed, sans-serif;
	font-style: normal;
}
.txt_poly_head {
	font-weight: 900;
}
#dockinfo .drow > .div7 {
	padding:0;
	width: 58.333333%;
	float: left;
}
#dockinfo .drow > .div5 {
	padding:0;
	width: 41.666667%;
	float: left;
}
.popup_bg_img_area img {
	width: 100%;
}
.popup_info_area {
	color: #fff;
	height: 100%;
	background: #0099db;
	padding: 30px;
}
.popup_info_area table {
	width: 100%;
	color: #fff;
}
.popup_info_area a {
	width: 100%;
	color: #fff;
}
#dockinfo.show_popup_slide_left {
 
	left: 0;
	
}
.popup_bg_img_area {
	position: relative;
}
.img_hover_wrapp {
	position: absolute;
	bottom: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,0.7);
	padding: 20px 20px 0;
}
.str_uppercase{
	text-transform:uppercase;
}
table.infoTable {

	table-layout:fixed;

    width:440px;

}



table.infoTable td {

	word-wrap:break-word;

	color:#a19e9e;

	font-size:16px;

}



table.infoTable td a {

	color:#5287ea;

}





#infobox h2, #infobox2 h2 , #contactinfo h2, #facinfo h2 {

	color:#666565;

	font-weight:normal;

	text-align:center;

	padding-top: 10px;

	text-align: left;

	text-transform: uppercase;

	font-size: 20px;

	padding: 2px 0 15px 5px;

}



#contactinfo .close, #dockinfo .close, #facinfo .close {

	float:right;

	width:22px;

	height:20px;

	cursor:pointer;

}



.information {

	float:left;

	width: 450px;

	color:#a19e9e;

}



#contactinfo hr, #dockinfo hr, #facinfo hr {

	margin:0 0 10px 0;

	padding:0;

	border-top: 1px solid #f2f1f1;

}



#dockinfo hr {

	border-top: 1px solid #aaaaaa;

}



.company {

	float:right;

	width: 182px;

}



.contactArrow {

	position:relative;

	top:2px;

	left:5px;

}



#detailView {

	font-family: "museo-sans"

}



#contactinfo, #facinfo {

	color: #a19e9e;

	padding: 10px 8px;

	background-color:#FFFEFE;

	font-family: "museo-sans"



}

#facinfo {
	right: -100%;
	transition: all .5s;
	background: #0099db;
	color: #fff;
	padding: 0;
	
	font-weight: 300;
	font-family: museo-sans-condensed, sans-serif;
	font-style: normal;
}
#facinfo ._polygon_title {
	font-weight: 900;
}
#facinfo ._poly_info_area {
	padding: 15px 30px;
}
.img-responsive {
	max-width: 100%;
}
#facinfo.bringToFoucous {
	right: 0%;
}
._poly_info_area a{
	color:#fff;
}
#contactinfo h2 , #facinfo h2 {

	font-size: 18px;

	float:left;

	width:600px;

	color:#a19e9e;



}
.email_us {
	padding: 10px 0 0 25%;
	font-size: 16px;
	cursor: pointer;
}
#startupPopup, #contactPopup {
	position: absolute;
	z-index: 999;
	top: 65px;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.8);
	color: #808181;
	font-weight: 300;
	font-family: museo-sans-condensed, sans-serif;
	font-style: normal;
	font-size: 1.1rem;
	display:none;
}
#startupPopup.bringToFoucous {
	display: block;
}
#contactPopup input[type="text"] {
	width: 100%;
	margin: 5px 0;
	padding: 5px 8px;
	background: #f6f5f5;
	border: none;
	color: #a0a0a0;
}
#contactPopup p {
	margin-bottom: 35px;
}
.popup_close {
	position: absolute;
	right: -20px;
	top: -20px;
	background: #fff;
	border-radius: 80px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	/* line-height: 100%; */
}
.btn_cctpopup {
	display: inline-block;
	padding: 2px 40px;
	background: #0099db;
	color: #fafcfc;
	font-size: 1.6rem;
	font-weight: 300;
	border: none;
}
.ctp_wrapp {
    padding: 5%;
}
.ctpopup_h {
	margin: 0 0 25px;
}
#contactPopup.bringToFoucous {
	display:block;
}
#startupPopup .stp_container {
	max-width: 700px;
	margin: 2% auto;
	display: block;
	position: relative;
	background: #fff;
	width: 100%;
}
#contactPopup .stp_container {
	max-width: 700px;
	margin: 2% auto;
	display: block;
	position: relative;
	background: #fff;
	width: 100%;
}
#startupPopup h1 {
	color: #808181;
	font-size: 3.6rem;
	font-weight: 900;
	/* padding: 10px 0; */
	line-height: 1;
	padding: 10px 0 35px;
	text-align: center;
}
.stp_wrapp {
	padding: 25px 70px;
}
.btn_stpopup {
	display: inline-block;
	padding: 15px 40px;
	background: #0099db;
	color: #fafcfc;
	font-size: 1.2rem; 
	font-weight: 300;
}
.btn_stpopup:hover {
	background: gray;
	color: #fff;
}
.btns-block {
	text-align: center;
	margin: 20px 0 0;
}
.stpopup_footer {
	text-align: right;
}
.stpopup_footer ._logo {
	height: 32px;
	margin-top: 5px;
}
#contactinfo .section, #facinfo .section {

	font-size: 16px;

}



#contactinfo p.item, #facinfo .section {

	font-size: 14px;

	margin-top:10px;

}



#infobox2 h2 , #contactinfo h2, #facinfo h2 {

	font-size: 20px;

	padding:0;

	margin-bottom: 5px;

}



#infobox div.companyLogo, #contactinfo div.companyLogo, .wrapper #facinfo div.companyLogo {

	width:182px;

	height:151px;

	margin:0 0 10px 0;

	border:1px solid #f1f2f2;



}



.companyLogo img {

	max-width: 182px;

	max-height: 151px;

}


 

.information table {

	font-size: 12px;

	margin:5px 0px 5px 5p;

	background-color: #FFFFFF;

}



.information table tr.blue {

	background-color: #eaf2fc;

}



.closeButton {

	position:absolute;

	top:14px;

	right: 13px;

	width: 22px;

	height: 21px;

	cursor: pointer;

}



.results {
	margin: 20px 0;
	padding: 20px 0;
	color: #a19e9e;
	display: none;
}



.results h2 {

	margin-bottom: 10px;
	font-weight:900;
}



.results .item {

	margin-bottom: 10px;

}



p.companyListing {

	font-weight: bold;

	padding-top:10px;

}



p.facilityData {

	font-size: 12px;

}



p.linkListing {

	margin:0;

	padding:0;

}



p.linkListing a {

	color:  #a19e9e;

	font-size:14px;

}



.darker {

	font-weight: 400;

}



.smallBlueLink {

	color: #a19e9e;

	text-decoration: none;

	font-size: 16px;

	margin-left: 7px



}



.smallBlueLink:hover {

	text-decoration: underline;

}



#detailView {

	display:none;

	width:648px;

	color: #a19e9e;

	padding: 18px 15px;

	background-color:#FFFEFE;



}



#detailView hr {

	margin:0;

}



#detailView .close {

	float:right;

	width:22px;

	height:20px;

	cursor:pointer;

}



#detailView h2 {

	font-size: 20px;

	float:left;

	width:575px;



}



#detailView .section {

	font-size: 16px;

}



#detailView p.item {

	font-size: 14px;

	margin-top:10px;

}



#detailView a.item {

	display:block;

	font-size: 14px;

	margin-top:10px;

	color:#A19E9E;

	margin:7px 0;

	cursor:pointer;

}



#detailView p.item a {

	color:#A19E9E;

}



.listingDialog .ui-dialog-titlebar, .ui-dialog-titlebar {

	 
}



.toTop {

	font-size:12px;

	color:#a19e9e;

}



#key {
	width: auto;
	/* height: 32px; */
	background-color: #FDFAFA;
	margin-top: 20px;
	margin-right: 20px;
	position: relative;
	bottom: 10px;
	float: right;
}

.colorBoxWrapp {
	float: left;
	padding: 5px 25px 5px 5px;
	border: none;
	margin: 3px;
	cursor: pointer;
	background: #f9fafb;
}
.colorBoxWrapp:hover, .colorBoxWrapp.active {
	background: #e0e1e2;
	/* color: #7d7d7d; */
}

.keyLabel {
	float: left;
	/* width: 80px; */
	/* height: 32px; */
	color: #A19E9E;
	padding: 7px;
	font-size: 18px;
	line-height: 34px;
}


.colorLabel {
	float: left;
	/* width: 80px; */
	/* height: 32px; */
	color: #A19E9E;
	padding: 0 7px;
}


.colorBox {
	float: left;
	width: 28px;
	height: 28px;
	
}
.colorBox1 {
	background-color: #6db2cf;
}

.colorBoxWrapp:hover .colorBox1, .colorBoxWrapp.active .colorBox1 {
	background-color: #0099db;
}


.colorBox2 {
	background-color: #90dafa8c;
}
.colorBoxWrapp:hover .colorBox2, .colorBoxWrapp.active .colorBox2 {
	background-color: #90dafa;
}


.colorBox3 {
	background-color: #030f889c;
}
.colorBoxWrapp:hover .colorBox3, .colorBoxWrapp.active .colorBox3 {
	background-color: #030f88;
}
.red_color{
	color: #ff0000;
}
 
.filter_via_overlay ._sel_ {
	padding: 6px 10px;
	margin: 1px 4px;
}
.filter_via_overlay {
	margin: 2px 5px 0px;
}
#dockAccordion, #contactAccordion {

   color:#4D4D4D;

}



div#dockAccordion a, div#contactAccordion a {

   color: #00AEB3;

   cursor:pointer;

}



#dockAccordion a.current, #contactAccordion a.current {

   color: #4D4D4D;

}



#dockAccordion a:hover, #contactAccordion a:hover {

   color:#4D4D4D;

}



#dockAccordion div.pane, #contactAccordion div.pane {

   display:none;

   font-size: 14px;

   margin-bottom:30px;

}



body .ui-dialog .noTitle .ui-dialog-title {

	display:none !important;

}



#disclaimerDialog {

	font-family: "museo-sans", Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	padding:10px 20px;

} 



.acceptDisclaimer {

	background-color: #a19e9e;

	font-size: 16px;

	padding:5px 10px;

	outline:none;

}



#disclaimerDialog a.acceptDisclaimer {

	color: #fffcfc;

	text-decoration: none;

	display:block;

	width:75px;

	text-align: center

}



/* Newly added css */
.sresults_list ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0;
}
.sresults_list li {
	border: 1px solid #e3e0e0;
	padding: 10px 25px;
	margin: 5px 0;
}
.sresults_list li:hover {
	background: #f7f4f4;
}
.sresults_list .btns {
	margin: 0 60px;
}

.sresults_list .btn  {
	margin: 0 5px;
}
.results._showResults {
	display: block;
}

.navbar-brand  span{
	color: #fed136;
	font-size:25px;font-weight:700;letter-spacing:0.1em;
    font-family: 'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive;
}
.navbar-brand {
	color: #fff;
	font-size:25px;
    font-weight: 300;
font-family: museo-sans-condensed, sans-serif;
font-style: normal;
	letter-spacing:0.1em; 
	margin-left: 2%;
}
.navbar-nav {
	font-size: .7rem;
}
.navbar-nav .nav-item .nav-link {
	padding: 1.1em .5em;
	font-size: 120%; 
	letter-spacing: 1px;
	font-family: museo-sans-condensed, sans-serif;

font-weight: 300;

font-style: normal;
}
.navbar-nav .nav-item .nav-link:hover{color:#fed136;}
.navbar-expand-md .navbar-nav .dropdown-menu{
	border-top:3px solid #fed136;
}
.dropdown-item:hover{background-color:#fed136;color:#fff;}
nav{-webkit-transition: padding-top .3s,padding-bottom .3s;
    -moz-transition: padding-top .3s,padding-bottom .3s;
    transition: padding-top .3s,padding-bottom .3s;
    border: none;
	}
	
 	
.right_img_nav a {
	float: left;
}
.right_img_nav {
	margin: 0 0 0 20px;
}
.navbar.navbar-expand-md {
	padding: 0;
}
.right_img_nav h4 {
	float: left;
	padding: 17px 15px;
	background: #0099db;
	color: #fff;
	font-size: 1rem;
	height: 88px;
	font-weight: 600;
	margin: 0;
	position: relative;
	text-transform: uppercase;
	font-family: museo-sans-condensed, sans-serif;
}
.right_img_nav h4::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #0099db;
	position: absolute;
	right: -20px;
	top: 25px;
	display: block;
}
.right_img_nav img {
	box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.8);
	margin-right: 5px;
}

.right_img_nav img:hover {
-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.nav-item.lnav-item {
	line-height: 48px;
	text-align: center;
}
.knav_line {
	display: block;
	content: '';
	height: 3px;
	background: gray;
	margin: 4px 0;
}
.ui-dialog .ui-dialog-titlebar-close {
	//background: url('/images/detailClose.png') no-repeat 0 0;
	background-size: auto;
	background-size: 20px;
	border: none;
	cursor: pointer;
}
.subnav {
    color: #000000;
}
.subnav span {
    color: #0583F2;
    cursor: pointer;
}

.img_icon_draw img {
    width: 98%;
    margin: 30px 1%;
    border: 2px solid gray;
}
.img_icon_draw_sm {
	height: 100px;
}

.body .loader {
	display: none;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 9999;
}
.loader .ajax_loading {
	background: url('../images/loader.svg') no-repeat 0 0;
	background-size: 100px;
	width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: 36%;
}
#pvideoclip {
	width: 100%;
	float: left;
}
._doc_link {
	display: none;
}
._doc_link.file_avail {
	display: block;
}

.img_hover_wrapp.vid_hover_wtext {
	position: relative;
	height: 95px;
	float: left;
}
.body.loading .loader{
	display:block;
}
/* mobile view */
@media (max-width:500px)
{
	.navbar-nav{
		background-color:#000;
		border-top:3px solid #fed136;
		color:#fff;
		z-index:1;
		margin-top:5px;
		}
	.navbar-nav .nav-item .nav-link{
	padding: 0.7em 1em!important;
	font-size: 100%;
    font-weight: 500;
    }
	 
}

@media (max-width:1392px){
	  .right_img_nav img {
	height: 50px;
	margin: 19px 0;
}
}
@media (max-width:1190px){
.right_img_nav {
	display:none;
}
.navbar-expand-md .navbar-nav {
	margin-right: 10px;
}
#key .keyLabel{
	float: none;
	width: auto;
}
}


@media (max-width:768px){
	.nav-link {
	text-align: right;
	border-bottom: 1px solid gray;
} 
.email_us {
	padding: 10px 0 0 0; 
}
}