/* DiPasqua Subway - INTRANET*/
@charset "utf-8";
/* CSS Document */

body {
color: #000;
font-family: 'nexa_lightregular',Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.4em;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
color: #006B4A;
font-family: 'nexa_lightregular',Arial, Helvetica, sans-serif;
margin:0;
font-weight:normal;
line-height:1.0em;
padding: 0 0 20px 0;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 21px;
}
h3 { font-size: 14px;font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif;text-transform:uppercase;}
h4 { font-size: 14px; line-height:1.4;}
h5 { font-size: 12px; }
h6 { font-size: 10px; }

a {
color: #31b68d;
text-decoration: none;
}
a:hover { text-decoration:underline; }

p {
font-family: 'nexa_lightregular', Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.4em;
margin:0;
padding:0 0 20px 0;
}
.block {
	overflow:visible !important;
}
.image-with-caption .image_container {
	background: #e2e2e2;
	margin-bottom: 10px;
}
.image-with-caption .image_container.float_left {
	margin-right: 20px;
}
.caption {
	color: #000;
	padding: 2%;
    width: 95% !important;
}

/* ---------------------------------------------------------------------- */
.supernav {
	float:right;
	display:block;
	margin-top:10px;
	margin-right:10px;
	font-size:12px;
}
.supernav table, .supernav table ul {
	margin-bottom:0;
}
.supernav a {
	color: #fff;
	text-decoration:none;
	text-transform:uppercase;
}
.supernav a:hover {
	color: #31b68d; /*green*/
	text-decoration:none;
}
.intranet-label {
	color: #31b68d;
	float:left;
	text-transform:uppercase;
	font-size: 18px;
	margin-top:10px;
	margin-left:10px;
}
.mod_logo {
float: left;
height: 70px;
margin: 10px 0;
clear:both;
}
#wrapper {
	width:100%;
	margin:auto;
}
#header {
	width:100%;
	background: url(/files/design/bg-slice-header-intranet.gif) 0 0 repeat-x;
	float:left;
}
#header .inside {
	margin:auto;
	width:960px;
}
#container {
	clear:both;
}
#container ul {
	margin:0;
	line-height:1.2em;
	padding:20px 0;
	}
#container ul li{
	margin:0;
	padding:5px 0 5px 15px;
	font-size: 14px;
	background: url(/files/design/bullet.jpg) 0px 8px no-repeat;
	list-style:none;
	}
#container ul li:hover {
	background: url(/files/design/bullet.jpg) 5px 8px no-repeat; /* move check up a bit */
}
#container ul li:hover a {
	text-decoration:none;
}
.center-container {
	width: 960px;
	margin:auto;
	clear:both;
	margin-top:40px;
	display: block;
}
.center-container.map {
	margin-top:0;
}
.ce_downloads {
	padding-bottom: 20px;
}
/*.first {
	margin-left:0px;
}
.last {
	margin-right:0px;
}*/
#container .ce_downloads ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#container .ce_downloads ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	background:none;
}
#container .ce_downloads ul li a {
	color: #000;
}
#container .ce_downloads ul li a:hover {
	color: #31B68D;
}
.manual a {
	color: #000;
}
.manual a:hover {
	color: #31B68D;
}
.manual h3 {
	padding: 20px 0 5px 0;
}
.manual p {
	padding: 0 0 5px 30px;
}


/* -------------------------------------------------- */
/*	Locations Maps
/* -------------------------------------------------- */
iframe {
	/*width: 940px !important;*/
	clear:both;
	width: 100% !important;
	height: 500px !important;
}

/* -------------------------------------------------- */
/*	News Modules
/* -------------------------------------------------- */

.mod_newslist {
	display:block;
	clear:both;
	float:left;
	width:98%;
}
.mod_newslist .layout_simple {
	padding: 10px 0;
	background:none;
	border-top: solid 1px #ccc;
}
.mod_newslist .layout_simple table {
	margin:0;
	width:100%;
	vertical-align:top;
}
.mod_newslist .layout_simple td.time-block {
	width:150px;
}
.mod_newslist .layout_simple time {
	color: #666;
	margin:0;
}
.mod_newslist .layout_simple a {
	color: #000;
}
.mod_newslist .layout_simple a:hover {
	color: #31b68d;
	text-decoration: none;
}
.read-more {
	font-size:14px;
	text-transform:uppercase;
	float:right;
	}
.mod_newslist .layout_short {
	margin-bottom:20px;
	border-bottom: solid 1px #ccc;
	float:left;
	clear:both;
	width:100%;
}
.mod_newslist .layout_short time, .mod_newsreader .layout_full time {
	width: 130px;
	color: #666;
	margin:0;
}
.mod_newslist .layout_short h2, .mod_newslist .layout_short h2 a {
	padding-top:0;
	color: #006b4a;
}
.mod_newslist .layout_short p.info {
	padding-bottom:10px;
}
.mod_newslist .layout_short .teaser {
	float:left;
}
.mod_newslist .layout_short .teaser p {
	padding: 0;
}
.mod_newslist .layout_short .more {
	float:left;
	padding-bottom:20px;
	}
.mod_newsreader .layout_full {
	margin-bottom:20px;
	border-bottom: solid 1px #ccc;
}
.mod_newsreader .layout_full .image_container {
	float:left;
}
p.info {
	color: #666;
}
.mod_newslist.featured {
	background: #ff9900;
	padding: 2%;
    width: 94%;
	color: #fff;
	display:block;
	float:left;
	margin-bottom:40px;
	}
.mod_newslist.featured .layout_simple {
	padding: 0;
	border: none;
}
.mod_newslist.featured h1 {
	padding: 10px 0;
}
.mod_newslist.featured h3 {
	color: #fff;
	float:left;
	width: auto;
	padding:0;
}
.mod_newslist.featured .layout_simple a {
    color: #fff;
}
.mod_newslist.featured .layout_simple time {
	float:left;
	width: auto;
	color: #fff;
	line-height:1.0;
	text-transform:uppercase;
}
.read-featured {
	clear:both;
	float:left;
}
.read-featured a {
	background: #db7500;
	color: #fff;
	padding:5px 10px;
	text-transform:uppercase;
}
#container .pagination {
	text-transform:uppercase;
	clear:both;
	float:left;
	width:100%;
	background:#fff;
	margin-top: 20px;
}
#container .pagination p {
	margin-bottom:0;
	font-size: 12px;
	float:left;
}
#container .pagination ul {
    border: medium none;
    float: right;
    margin-top: 0;
	padding: 0 0 20px 0;
}
#container .pagination ul li {
    background: none;
	font-size: 12px;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 5px;
}
#container .pagination a:hover {
	text-decoration:underline;
}
#container .mod_tagcloudnews, .mod_navigation, .mod_quicknav, .mod_form {
	border: solid 1px #b8d7cd;
	padding: 20px;
	margin-bottom:20px;
}
#container .mod_tagcloudnews a, .mod_navigation a, .mod_quicknav a {
	color: #006b4a;
}
.mod_tagcloudnews h3, .mod_navigation h3, .mod_quicknav h3 {
	border-bottom: solid 1px #b8d7cd;
	margin-bottom: 15px;
    padding-bottom: 10px;
}
#container .mod_tagcloudnews ul, .mod_navigation ul {
	padding: 0 !important;
}
#container .mod_tagcloudnews ul li, .mod_navigation ul li {
	border:none;
}
div.reset {
	padding: 20px 0;
}
#container .mod_navigation.training {
	border: solid 1px #b8d7cd;
}
#container .mod_navigation.training h3 {
	border-bottom: solid 1px #b8d7cd;
	color:#006B4A;
}
#container .mod_navigation.benefits {
	border: solid 1px #b1af6e;
}
#container .mod_navigation.benefits h3 {
	border-bottom: solid 1px #b1af6e;
	color:#b1af6e;
}
#container .mod_navigation.resources {
	border: solid 1px #cc0000;
}
#container .mod_navigation.resources h3 {
	border-bottom: solid 1px #cc0000;
	color:#cc0000;
}

/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */

#main-nav {
float: left;
margin-top: 15px;
float:right;
}

#main-nav li {
list-style: none;
float: left;
margin: 0;
position: relative;
}
/* Do not show 'Managers' link in navigation if user is an employee and not manager */
#main-nav.employees li.intranet-manager-forms {
	display:none;
}
/* Do not show 'Forms and Documents' link in navigation if user is a manager and not employee */
/*#main-nav.managers li.intranet-forms-and-documents {
	display:none;
}	*/
#main-nav a {
border:none;
color: #fff;
font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif;
font-size: 16px;
display: block;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 98;
}
.ie7 #main-nav a {
padding: 33px 20px;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
color: #31B68D;
text-decoration:none;
background: none;
}

/* Dropdown */
.no-js #main-nav li:hover > ul {
display: block;
top: 92px;
}
#main-nav ul ul {
background: #fff;
-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
display: none;
left: 0;
padding: 0;
position: absolute;
top: 50px;
width: 210px;
z-index: 99;
margin-left:0;
}
#main-nav ul ul li {
float: none;
}
#main-nav ul ul a {
border: 0;
color: #006b4a;
display: block;
padding: 5px 20px !important;
font-size: 14px;
text-align: left;
text-transform: uppercase;
}
#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
color: #31b68d;
}
.not-ie #main-nav ul ul .current:after { display: none; }
/* Sub Dropdown */
#main-nav ul ul ul {
left: 200px !important;
top: 0 !important;
}
/* Responsive Nav */
#main-nav .responsive-nav {
background-image: url(/files/design/responsive-nav-bg.png);
background-position: center right;
background-repeat: no-repeat;
display: none;
 margin-left: 5%;
    margin-top: -20px;
    width: 90%;
	margin-bottom:20px;
	z-index:1000;
}
/* Do not show Managers link in navigation if user is an employee and not manager */
#main-nav.employees option.intranet-manager-forms {
	display:none;
}

/*----------------------------------------------------------------*/
/* BREADCRUMB NAVIGATION */
/*----------------------------------------------------------------*/

#container .mod_breadcrumb ul {
	padding: 0;
}
#container .mod_breadcrumb ul li {
	display:inline;
	color: #666;
	text-transform:uppercase;
	background: none;
	padding:0;
}
#container .mod_breadcrumb ul li a {
	color: #666;
	text-transform:uppercase;
	text-decoration:none;
}
#container .mod_breadcrumb ul li a:hover {
	color: #31b68d;
}
#container .mod_breadcrumb ul li.first {
	display:none;
}
/* -------------------------------------------------- */
/*	Flippy Button
/* -------------------------------------------------- */
.flip-button {
	background-color: #4C9780;
	color: white;
	cursor: pointer;
	display: inline-block;
	height: 40px;
	line-height: 40px;
  	margin: 0 0 20px 0;
	width: 95%;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  	transition: background-color 0.35s;
  	font-size:14px;
}
.flip-button a {
	color: #fff;
}
.flip-label {
	display: block;
	height: 100%;
	padding: 0;;
	position: relative;
	top: 0%;
	text-align:center;
  -webkit-transition: top 0.35s;
  -moz-transition: top 0.35s;
  transition: top 0.35s;
  width: 100%;
}
.flip-button:hover {
	background-color: #006B4A;
	color: #fff;
}
.flip-button:hover .flip-label {
    top: -100%;
}
.flip-button:hover a {
	text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/*	Forms
/* ---------------------------------------------------------------------- */
form {
	padding:0;
	margin:0;
	width:100%;
}
label {
cursor: pointer;
display: block;
font-family: 'nexa_lightregular', Arial, Helvetica, sans-serif;
margin: 0 0 5px;
}
input, textarea, select {
-webkit-appearance: none; /* Fix for Mobile Safari */
background-color: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding: 2%;
width:96%;
margin-bottom:12px;
border-radius: 0;
}
select {
width: 100%;
}
input.short {
width: 25%;
}
textarea {
resize: both;
}
input:hover, textarea:hover, select:hover { border-color: #dedede; }
input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], button[type="submit"], .button-link a {
	background-color: #4C9780;
	background-image:none;
    color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	border:none;
	width: auto;
	padding: 5px 10px;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;

}
input[type="submit"]:hover, button[type="submit"]:hover, .button-link a:hover {
	background-color: #006B4A;
    color: #FFFFFF;
	text-decoration:none;
}
select, option {
cursor: pointer;
color: #4C9780;
font-size: 14px;
}


/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b0b0b0; }
/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #b0b0b0; }
/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #b0b0b0; }

/* SEARCH ------------------------------------------------------------------*/
.mod_form {
	padding: 15px 20px;
}
#keyword-search {
	width: 100%;
	padding:0;}
#keyword-search input.text {
	font-size:14px;
	float:left;
	width: 80%;
	margin:0;
	padding: 0;
	color: #4C9780;
	background-color: #fff;
	border-color: #fff;
	box-shadow: none;
}
#keyword-search input.text:hover { border-color: #e8e8e8; }
#keyword-search input.text:focus { border-color: #e8e8e8; }
#keyword-search button.submit {
	clear:none;
	width:25px;
	height:20px;
	padding:0;
	margin:0;
	border:none;
	float:right;
	background:url(/files/design/icon-search.png) no-repeat;
}
#keyword-search button.submit:hover {
	background:url(/files/design/icon-search-hover.png) no-repeat;
	background-position:0px 0px !important;
}

.mod_search form, .relevance, p.url {display:none;}

/* SEARCH RESULTS ------------------------------------------------------ */

.mod_search .formbody, .mod_search p.url, .mod_search span.filesize {
	display:none;
	}
.mod_search .highlight {
	font-weight:bold;
	}
.mod_search .relevance {
	color: #999;
	font-weight:normal;
	}
.mod_search h3 {
	font-size:14px;
	}
.mod_search .context {
	padding: 5px 0 10px 0;
	}
.mod_search .odd, .mod_search .even {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 10px 10px 5px 10px;
	margin-bottom:10px;
	}
.mod_search .odd:hover, .mod_search .even:hover {
	border: 1px solid #68a3eb;
	}

/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */
#footer {
	color: #fff;
	clear:both;
	float:left;
	height:132px;
	width:100%;
	margin-top:40px;
	background: url(/files/design/bg-slice-footer-intranet.gif) repeat-x;
}
#footer .inside {
	width:960px;
	margin:auto;
}
#footer a {
	color: #fff;
	text-decoration:none;
}
#footer a:hover {
	color: #31b68d;
	text-decoration:none;
}
.footer-info {
	float:left;
	padding-top:40px;
	margin-right:15px;
}
.footer-info.flip {
	margin-right:0;
	padding-top:35px;
}
.footer-info h3 {
	color: #fff;
	margin: 0;
	padding: 2px 0;
}
.footer-info .flip-button {
	background-color: #757575;
	height: 30px;
	line-height: 30px;
  	margin: 0 0 20px 0;
	width: 120px;
  	font-size:12px;
}
#footer .footer-info .flip-button a:hover {
	color: #000;
	text-decoration:none;
}
.footer-stripe {
	color: #fff;
	clear:both;
	padding:15px 0;
	float:left;
}
.footer-stripe p {
	font-size:12px;
	text-align:center;
	padding:0;
}

/* ---------------------------------------------------------------------- */
/*	Media Queries
/* ---------------------------------------------------------------------- */

/* Tablet Portrait size to standard (Contao) 980 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
#header .inside  {display:block;width:auto;}
iframe {
	/*width: 96% !important;*/
	height: 400px !important;
	/*margin: 0 2%;*/
}
.mod_logo {
margin: 10px 10px 0 20px;
}
#main-nav {
margin: 30px 0;
}
#main-nav a {
padding: 5px;
font-size: 16px;
}
.safari #main-nav a {
padding: 5px;
}
#main-nav a:after {
content: '';
display: none;
}
.no-js #main-nav li:hover > ul {
top: 30px;
}
.center-container {width: 100%;}
#footer .inside {display:block;width:auto;}
.footer-info {padding-top: 15px;}
.footer-info.headquarters {float:none;}
.footer-info.flip {padding-top: 10px;}
.footer-stripe {padding:5px 0;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
body {background:none;}
#header .inside {display:block;width:100%;}
[class*="grid"], .inside > [class*="grid"] {
    display: block;
    float: none;
    margin: 0;
    width: auto;
	clear:both;
}
iframe {
	/*width: 96% !important;*/
	height: 250px !important;
	/*margin: 0 2%;*/
}
.mod_logo {display: block; float: none; text-align:center; margin:0; padding: 10px 0 5px 0;}
.mod_logo img {width:auto; height:auto;}

#main-nav {float: none; padding: 20px 0 0 0;}
#main-nav li { width: 100%; }
#main-nav a { padding: 18px; }
#main-nav a:after, #main-nav > ul { display: none; }
#main-nav a:after { content: ''; }
.no-js #main-nav > ul, #main-nav .responsive-nav { display: block; }
.no-js #main-nav li:hover > ul { top: 62px; }

.mod_newsreader .layout_full .image_container {
	float:none;
}
.center-container {width: 100%; margin-top:0;}
#footer {margin-top:10px; background:none;}
#footer .inside {height:auto; width:100%; margin:0;background: #999999;}
.footer-info {height:auto; float:none; text-align:center; padding-top:10px;}
.footer-info.flip {padding-top: 10px;}
.footer-info .flip-button {margin:0;}
.footer-stripe {background: #666666;width:100%;}
.footer-stripe .credits {display:block;clear:both;}
}

/* After update to Contao 4 */
/* ---------------------------------------------------------------------- */
.mod_navigation strong {
	font-weight: normal;
}

.mod_form {
	display: flex;
}

.widget {
	margin-bottom: 0;
}

.widget-upload, .widget-captcha {
	margin-bottom: 24px;
}

.widget label {
	font-weight: normal;
}