/* Import a site component
   TODO Convert all of this to SCSS and organize it accordingly */
@import "od/od.css";

/* site wide variables */
/* -- mixins * -------------
 * properties that can be applied to many types of things
-----------------------------*/
/* @mixin lightGradient($baseColor. $toColor, $percentage : 10%) {
  gradient(lighten($baseColor, $percentage), darken($toColor, $percentage));
} */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor');*/
/* IE6 thru IE9 */
/* end mixins */
/* -- all base styles for Ontario.ca = RESPONSIVE ======
 * ======================================================= */
/* site wide variables */
/* -- mixins * -------------
 * properties that can be applied to many types of things
-----------------------------*/
/* @mixin lightGradient($baseColor. $toColor, $percentage : 10%) {
  gradient(lighten($baseColor, $percentage), darken($toColor, $percentage));
} */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='$baseColor', EndColorStr='$toColor');*/
/* IE6 thru IE9 */
/* end mixins */
body {
  word-wrap: normal !important;
}

h1, h2, h3, h4, h5, h6, h2.field-content a {
  font-weight: 400;
  margin: 0.2em 0;
  -webkit-margin-before: 0.2em;
  -webkit-margin-after: 0.2em;
  line-height: 1.3em;
}

/* Vollkorn heading sizes */
/* h1 {  font-size: 3em;}
h2 {  font-size: 2.5em; }
h3 {  font-size: 2em;}
h4 {  font-size: 1.5em;}
h5 {  font-size: 1em;}
h6 {  font-size: 0.75em;} */
/* Cabin heading sizes */
h1 {
  font-size: 46px;
  font-size: 2.9rem;
}

h1#page-title {
  font-size: 2em;
}

h2 {
  font-size: 32px;
  font-size: 2em;
  font-size: 2rem;
}

.menu-button h2 {
  font-size: 1.85em;
}

.toc-title .plus-minus{display:block !important;}

h3 {
  font-size: 25px;
  font-size: 1.5625em;
  font-size: 1.5625rem;
}

h4 {
  font-size: 21px;
  font-size: 1.3125em;
  font-size: 1.3125rem;
}

h5 {
  font-size: 16px;
  font-size: 1em;
}

h6 {
  font-size: 12px;
  font-size: 0.75em;
}

h1 .large, h2 .large, h3 .large, h4 .large, h5 .large, h6 .large {
  font-size: 125%;
}

.subheader {
  color: #797979;
}

td,th {
  padding: 9px;
}

a {
  text-decoration: none;
  font-weight: 200;
  color: #7c6a06;
}

a:focus, input:focus {
  background-color: #fcf3ba;
  outline: 1px solid #edc03b;
}

#footer .small {
  display: block;
}

/* ---- page top link ---*/
div#top {
  display: inline;
}

.ie8 {display: none !important;}

#srloading {
  margin-bottom: 30px;
  display: none;
}

/* ---------------------------------------------------------
 * ------ FORMS
 * ---------------------------------------------------------*/
/* Forms */
input[type="text"], input[type="email"] {
  width: 60%; /* 100%; */
  height: 32px;
  height: 2rem;
  font-size: 32px;
  font-size: 1rem;
  margin-bottom: 1em;
}

textarea {
  width: 100%;
  margin-bottom: 1em;
}

input[type="radio"] {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin-bottom: .5em;
  vertical-align: middle;
}

.screen-mobile input[type="radio"],
.screen-table input[type="radio"] {
  left: -1em;
}

input[type="radio"]:checked:after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  background: #99a1a7;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
  text-shadow: 0;
  left: 3px;
  font-size: 32px;
}

input[type="radio"]:checked {
  background-color: #e9ecee;
  color: #99a1a7;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.1);
}

input[type="radio"]:active, input[type="radio"]:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="radio"] {
  padding: 16px;
}

input[type="radio"]:checked:after {
  width: 24px;
  height: 24px;
  left: 4px;
  top: 4px;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  display: inline-block;
  position: relative;
  padding: 18px;
  margin-bottom: 0.5em;
  margin-right: 0.7em;
  vertical-align: middle;
}

input[type="checkbox"]:checked:after {
  content: '\2714';
  position: absolute;
  top: 0;
  color: #99a1a7;
  font-size: 28px;
  left: 6px;
}

input[type="checkbox"]:active, input[type="checkbox"]:checked:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type="checkbox"]:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #99a1a7;
}

.node-webform .webform-previous, .node-webform .webform-next {
  margin: 10px 10px 10px 0;
}

input[type="submit"] {
  border: 1px solid #c6cec3;
  padding: 0.5em;
  border-radius: 5px;
  background-color: #415634;
  color: #fff;
}

.feedbackForm {
  margin-bottom: 0;
}

/* Wizard Styles */
.node-wizard .webform-component {
  clear: both;
}

article.node-wizard input#edit-submitted-enter-your-postal-code-for-locations-specific-results-optional-fr.form-text,
article.node-wizard input#edit-submitted-over-80-enter-your-postal-code-for-location-specific-results-optional.form-text {
  width: 130px;
  display: block;
}

.edit-feed-me-wrapper, #suggestion-boundary {
  display: none;
}

/* buttons */
#langBtn {
  position: relative;
  top: 3em;
  clear: both;
  text-align: center;
}

#langBtn a {
  margin-right: 1em;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  font-size: 24px;
  font-size: 1.5rem;
}

ul.circle {
  list-style: circle;
}

ul.square {
  list-style: square;
}

ul.disc {
  list-style: disc;
}

/* LEFT OFF MOVING HERE
 * end MOVED to RESPONSIVE base.SCSS */
/* links */
a {
  text-decoration: none;
  font-weight: 200;
  color: #7c6a06;
}

a:hover {
  text-decoration: underline;
}

.toc-title, #right .block-title {
  cursor: pointer;
}

.primaryButton2, .primaryButton, input#emailSubmit, button, input[type="button"], input[type="reset"], input[type="submit"] {
  background-color: #415634;
  border: 0 none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 4px black inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -2px 2px rgba(0, 0, 0, 0.6) inset, 0 -1px 2px rgba(255, 255, 255, 0.3) inset;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  font-size: 115%;
  min-height: 20px;
  padding: 7px;
  position: relative;
  overflow: hidden;
  behavior: url("/sites/all/themes/odpm/scripts/PIE.htc");
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: "Helevetica Neue", Arial, Helvetica, sans-serif;
}

.primaryButton, .primaryButton2, a.primaryButton, a.primaryButton2 {
 /* white-space: nowrap;*/
}

/* Noelle - should this be always or custom?? */
.primaryButtonSO {
  background-color: #7d004a;
}

.node-landing_page #page-title {
  padding-left: 5px;
  padding-top: 80px;
}

abbr.required {
  color: #c00;
  border-bottom: 0;
  font-weight: bold;
}

/* --- base styles  =============================== */
/* ---------------------------------------------------------
 * ---- site specific styles
 * --------------------------------------------------------- */
textarea {
  width: 96%;
}

/* Consultation Page */
.alert {
  padding: 0.25em 2em;
  margin: -0.5em -0.5em 1em -0.5em;
}

.high {
  /*consultation closed*/
  background: #fcdab9;
}

.medium {
  /*consultation result*/
  background: #dae3eb;
}

.low {
  /*consultation open*/
  background: #e4fcd1;
}

.alert .key /*key info - consultation date*/   {
  font-size: 2em;
  color: #505050;
  vertical-align: baseline;
  margin: 0 0.25em;
}

/* --- links ---------------------------------------------------------------------------------------------- */
#main-content aside a, #content-column aside a, #toc a {
  text-decoration: none;
}

/* --- button styles --------------------------------------------------------------------------------------
 * primaryButton for the main button, secondaryButton for second most important,
 * tertiaryButton for least or third most important  */
#main-content a.primaryButton2, #main-content a.primaryButton, #main-content .download a, #rateform input[type="submit"] {
  background-color: #415634;
  border: 1px solid #c6cec3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: white;
  padding: 0.5em;
  text-decoration: none;
  /*background-color: $baseColor; NOT IN USE until a I figure out how I want to SASS the gradient - fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #477936, #394b30);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(top, #477936, #394b30);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(top, #477936, #394b30);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(top, #477936, #394b30);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to bottom, #477936, #394b30);
  /* Standard syntax; must be last */
  border-top: #eee;
  text-shadow: none;
}

a.secondaryButton {
  border: 1px solid #253085;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0.5em;
  text-decoration: none;
  background-color: #345599;
  color: #fff;
}

a.tertiaryButton {
  border: 1px solid #c6cec3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background-color: #e6e6e6;
  color: black;
  padding: 0.1em 0.5em;
}

/* hover / focus styles -----------------------------------------------------------------------  */
a.grayBtn:hover, a.grayBtn:focus, input[type="submit"]:hover, input[type="submit"]:focus, a.primaryButton2:focus, a.primaryButton:focus, a.tertiaryButton:focus, a.tertiaryButton:hover, a.secondaryButton:focus, a.secondaryButton:hover {
  background: #09610d none;
  color: #FFF;
  text-decoration: none !important;
}

#contactFooter a:focus, #socialu a:hover, #socialu a:focus, #socialt a:hover, #socialt a:focus, #socialfb a:hover, #socialfb a:focus, #contactFooter a:hover {
  color: #fff;
  text-shadow: none;
}

#main-content a.secondaryButton, #main-content a.tertiaryButton {
  text-decoration: none;
}

#main-content .download a {
  margin: 1em 0;
  display: inline-block;
  width: 30%;
  padding-right: 10px;
}

#main-content, #content-column {
  margin: 0 0.7em !important;
  position: relative;
}

#popular ul, .collapsible ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: .1em;
}

#popular ul li, .collapsible ul li {
  line-height: 2em;
  border-bottom: 1px dotted #ccc;
  padding: 0.5em;
}

#budget-content .form-radios {
  clear: both;
}

/* --- featured --- */
.date-display-single, .date {
  font-size: 0.8rem;
  color: #777;
}

/* --- nav MENU topic-list ------------------------------------------------------------------------- */
nav ul {
  list-style: none;
  border-bottom: solid 1px #e6e6e6;
  display: block;
  padding: 0;
  margin-bottom: 20px;
}

#site-menu ul li {
  font-size: 1.3rem;
  color: #333;
  background-color: #fcfcfc;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff;
  text-overflow: ellipsis;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #fff;
}

#site-menu ul li a {
  display: block;
  text-decoration: none;
  cursor: pointer;
}

.menu-button {
  width: 100%;
  display: inline-block;
  padding: 0.7em;
  color: #fff;
  box-sizing: border-box;
  background: #6b974f url("/sites/all/themes/odpm/images/menux64.png") no-repeat 10px 1em;
  background-size: 40px 40px;
  background-size: 2.5rem 2.5rem;
  padding-left: 56px;
  padding-left: 3.5rem;
  border-bottom: 1px solid #83a38a;
  border-top: 1px solid #4c7c2e;
  cursor: pointer;
  background-position: 10px 7px;
}

.menu-button a {
  color: #fff;
}

#site-menu .view-topic-list {
  position: relative;
  z-index: 10;
}

.view-topic-list ul {
  margin: 1px 0 -2px;
  border-top: 1px solid #0e6b2b;
  background-color: #ededed;
}

.view-topic-list ul li, .toc-list ul li {
  padding: 0 1em;
  border-bottom: 1px solid #ccc;
}

.view-topic-list ul li a, .toc-list ul li a {
  width: 100%;
  display: inline-block;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  padding: 0.5em 0;
}

.view-service-locations ol li a {
  display: block;
  clear: both;
}

/* -- shadow graphic -- */
#headerFold.onTop {
  margin-top: -14px;
  z-index: 10;
  position: relative;
}

/* --- TOC menu ----------------------------------------------------------------- */
#toc-menu, .right-item h2 {
  background-color: #eee;
  border: 1px solid #bbb;
  border-width: 0 1px;
  font-size: 21px;
  font-size: 1.3rem;
}

#toc-menu .view-topic-list ul li, #toc-menu .toc-list ul li, .right-item h2 .view-topic-list ul li, .right-item h2 .toc-list ul li {
  padding: 0.5em 1em;
}

#toc-menu .toc-title, .right-item h2 .toc-title {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 98.8%;
  padding: 3px 0 3px 10px;
  margin-left: -3px;
  cursor: pointer;
}

.toc-title {
  background-color: #415634;
  color: #fff;
  font-size: 1.5rem;
  padding: 0.2rem;
  margin: 16px 0;
}

#toc-menu ul li:first-child {
  padding-top: 0;
  margin-top: -5px;
}

.plus-minus {
  display: inline;
  float: right;
  margin-right: 16px;
  margin-right: 1rem;
}

/* --- home page ---------------------------------------------------------------- */
#home-nav ul li a {
  text-decoration: none;
}

#info {display:none;}

/* --- featured / news ----------------------------------------------------------- */
.feature-item, .news-item {
  margin-bottom: 50px;
  clear: both;
}

.tabs {
  clear: both;
  position: relative;
  z-index: 1;
}

nav.tabs ul {
  background-color: #4b6347;
  height: 2.5em;
  border-bottom: 1px solid #aaa;
  margin-left: -12px;
  padding-left: 12px;
}

.node-serviceontario_homepage nav.tabs ul {
  background-color: #505050;
}

.tabs dd, .tabs li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
}

.tabs dd a, .tabs li a {
  display: block;
  font-size: 1.3rem;
  height: 40px;
  line-height: 40px;
  padding: 0 1.3em;
  color: white;
}

.tabs dd.active, .tabs li.active {
  border-top: 3px solid #666;
  margin-top: -7px;
  padding-bottom: 5px;
  background-color: white !important;
  border-bottom: 0;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
}

.tabs dd.active a, .tabs li.active a {
  color: #505050 !important;
}

/* --- header ----------------------------------------------------------------------
 * ----------------------------------------------------------------------------------- */
.wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  height: auto;
  padding: 0 1em;
  width: 93.5%;
}

#headerWrapper {
  height: 9em;
  position: relative;
}

#headerSec {
  background-color: #415634;
  height: 8.2em;
}

/* -- shadow graphic -- */
.headerFold {
  background: url("../images/fadeHeader.png") repeat-x scroll 0 0 transparent;
  height: 9px;
  position: relative;
  z-index: 10;
}

.headerFold.onTop {
  margin-top: -14px;
}

#logo {
  width: 6em;
  margin: 1em 0 0;
}

#logo img {
  display: inline-block;
  visibility: visible;
}

fieldset {
  padding: 0;
  max-width: 100%;
  border: 0;
  font-size: 16px;
  font-size: 1rem;
}

/* --- search form -------------------------------------------------------------------------------------- */
#search-block-form {
  position: relative;
  float: right;
  margin: 0;
  width: 100%;
  padding-right: 0;
  height: 3rem;
}

#search_results_more {
  display: block !important;
}

#edit-search-block-form--2 {
  position: relative;
  -moz-box-sizing: border-box;
  /* render the box with the specified width and height, and place the border and padding inside the box */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.4em 2.5em 0.4em 0.6em;
  border-right: 0 none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.3em;
  display: inline-block;
  width: 100%;
  top: 0;
  -webkit-appearance:none;
}

#search-block-form #edit-submit {
  /*#search submit button*/
  position: relative;
  float: right;
  padding: 4px 4px 2px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #b9c2b7;
  color: #363c2d;
  font-weight: 700;
  font-size: 1.6em;
  cursor: pointer;
  -moz-appearance: none;
  right: 0;
  margin: 0;
  height: 35px;
  width: 35px;
  bottom: 2.7rem;
}

#splash-page #search-block-form #edit-submit {
  height: 39px;
  width: 39px;
  bottom: 2.9rem;
}
/* -- search filters ------------------------------------------------------------------ */
.total_results {
  font-size: 21px;
  font-size: 1.3rem;
}

/* Search Results */
#search_results ul {
  padding: 0;
}

#search_results ul li {
  list-style: none;
  margin-bottom: 2em;
}

.node-query_landing_page .filter-box h3, #open-data-filters a {
  background-color: #ccc;
  width: auto;
  padding: 0.5em;
  border-bottom: 1px solid #999;
  position: relative;
  display: block;
  z-index: 5;
  font-size: 22px;
  font-size: 1.4rem;
  text-decoration: none;
  border-top: 1px solid #f7f7f7;
  color: #2c2c2c;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.filter-box {
  border: 1px solid #ccc;
  padding: 0.5em;
  background-color: #eee;
}

.filter-box h2 {
  font-size: 16px;
  font-size: 1rem;
}

hr.double {
  border-top: 3px double #777;
  margin-top: 1em;
}

/* filter lists --*/
.node-query_landing_page #categories ul, .node-query_landing_page #types ul, ul#list-topics, ul#list-publishers, ul#list-file-types {
  border: 1px solid #ccc;
  padding: 0.6em 0.5em 0.6em;
  margin-top: -8px;
  background-color: #fcfcfc;
  position: relative;
  z-index: 2;
  border-left-color: #a8a8a8;
  border-bottom-color: #919191;
  border-right-color: #aaa;
  margin-bottom: 0.5em;
}

.node-query_landing_page #categories ul li, .node-query_landing_page #types ul li, ul#list-topics li, ul#list-publishers li, ul#list-file-types li {
  line-height: 2em;
}

#open-data-filters ul {
  list-style-type: none;
  padding-left: 1em;
}

#top-right {
  /* #topLinks*/
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  color: #fff;
  font-size: 1em;
}

#top-right a {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 0;
  font-size: 1em;
  color: #415634;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#E6E6E6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  text-decoration: none;
}

.topFirst {
  margin-right: 0.5em;
}

.topFirstview {
  margin-right: -32px;
}

.node-wizard.clearfix .fieldset-wrapper {
  margin-top: -10px;
}

#headerWrapper2 {
  height: 5em;
  position: relative;
}

#top-right, #top-right-view {
  /* #topLinks*/
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  color: #fff;
  font-size: 1em;
}

.page-customerror  #top-right-view a.topFirstview {
  display: none; 
}

.page-customerror  #top-right-view ul.language-switcher-locale-url li.fr {
  border-left: 0; 
}

#top-right a, #top-right-view a {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-bottom: 0;
  font-size: 1em;
  color: #415634;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#E6E6E6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #ccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  text-decoration: none;
}

.topFirst {
  margin-right: 0.5em;
}

.topFirstview {
  margin-right: -32px;
}

span#top-right-view ul.language-switcher-locale-url {
  display: inline;
  margin-left: 0;
}

#top-right-view li.fr.last, #top-right-view li.en.first, .translation-link {
  text-transform: lowercase;
}

span#top-right-view ul.language-switcher-locale-url {
  display: inline;
  margin-left: 0;
}

#top-right-view li.en.first.active, #top-right-view li.fr.last.active {
  display: none;
}

#top-right-view li.fr.last, #top-right-view li.en.first, .translation-link {
  text-transform: lowercase;
}

#top-right-view ul li {
  display: inline;
  list-style-type: none;
}

div#header.clearfix div#headerWrapper div#headerSec div.wrapper span#top-right-view a.topFirst {
  margin-right: -2em;
}

/* Noelle - look at - very specific waht is this for? */
div#page.container section#main-content section#actions div#last-modified {
  display: none;
}

/* Accessibility */
footer:not(#footer) .accessible, .visually-hidden, #logo h1 {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* --- article page -----------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------- */
#intro {
  width: 93%;
}

/* --- aside area -----------------------------------------------------------------------------------
 * ------------------------------------------------------------------------------------------------------ */
.right-item h2, .left_sidebar h2.block-title {
  background-color: #eee;
  border: 1px solid #bbb;
  padding: 0.3em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  clear: both;
}

.right-item h2 a, .left_sidebar h2.block-title a {
  text-decoration: none;
}

#main-content .left_sidebar h2.block-title a {
  text-decoration: none;
}

.right-item nav p, .collapsible p {
  border-bottom: 1px dotted #ccc;
  padding: 0 0.5em 0.5em;
}

/* faq */
.view-faq ul, #recommendations nav ul {
  padding: 0;
}

.view-faq ul li, #recommendations nav ul li {
  border-bottom: 1px dotted #ccc;
  list-style-type: none;
  margin: 0;
  padding: 0.5em;
}

/* landing page */
.node-landing_page .grid_1, .node-landing_page .grid_2, .node-landing_page .grid_3, .node-landing_page .grid_4, .node-landing_page .grid_5, .node-landing_page .grid_6, .node-landing_page .grid_7, .node-landing_page .grid_8, .node-landing_page .grid_9, .node-landing_page .grid_10, .node-landing_page .grid_11, .node-landing_page .grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 13px;
  margin-right: 12px;
  overflow: hidden;
}

.node-landing_page #intro #page-title {
  /*margin: 80px 0 0 0; */
  padding: 0;
}

.linkdc {
  margin-left: 15px;
}



/* Form styling */
form label {
    display: block;
}

/* DataTables */
.dataTables_select .select_filter {
  padding-bottom: 4px;
}

.leftcol {
  width: 70px;  
}

caption {
  display: none; 
}

#intro input[type="text"] {
  height: 1.25rem;
}

.dataTable {
  margin: 0;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
}

.dataTables_filters,.tfilters, .dataTables_paginate,#showsearch {
  background-color: #ededed;
  padding: 20px 5px;
}

.dataTables_filters,.tfilters {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 20px 10px 40px 8px;
  position: relative;
  margin-top: -20px;
}

#showsearch{
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 5px 8px;
  position: relative;  
  margin-bottom: 5px;
}

.tplus,.tminus{
  float:right;
  margin-right: 20px;
}

.tminus{
  display: none;   
}

.dataTables_filters #submit {
  margin: -0.5em 0.5em;
}

.dataTables_paginate {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  text-align: center;
  margin: -1px 0 1em;
}

.dataTables_filter {
  float: left;
  margin-left: 5px;
  /*width: 50%;*/
}

.dataTables_filter input, .dataTables_select select, .dataTables_select2 select {
  margin-left: 5px;
  padding: 3px;
  border: 1px solid #ccc;
}

.dataTables_filter input {
  min-width: 200px; 
}

.dataTables_scrollHeadInner,.node-landing_page .display {
/*  width: 100%!important;  */
}

.dataTables_select select,.dataTables_select2 select {
  float: left;
  margin-top: -1px;
}

.dataTable thead tr {
  border-top: 1px solid #ccc;
}

.dataTable th {
  border-right: 1px solid #ccc;
}

.dataTable tbody {
  border-top: none;
  border-bottom: 2px solid #ccc;
}

.dataTable tfoot {
  display: none;
}

.sorting_asc {
  background: url('/sites/default/files/sort_asc_1.png') no-repeat 100% 50%;
}

.sorting_desc {
  background: url('/sites/default/files/sort_desc_1.png') no-repeat 100% 50%;
}

.sorting {
  background: url('/sites/default/files/sort_inactive_1.png') no-repeat 100% 50%;
}

/* zebra stripes */
tr.even, table.noStripes tr {
  border-bottom: 0px dotted #fff !important; 
}

tr.odd {
  background-color: #eeffd9; 
}

/* colors for selected columns */
tr.odd td.sorting_1 {
  background-color: #C5F0BC;
}

tr.odd td.sorting_2 {
  background-color: #DADCFF;
}

tr.odd td.sorting_3 {
  background-color: #E0E2FF;
}

tr.even td.sorting_1 {
  background-color: #E3FFD5;
}

tr.even td.sorting_2 {
  background-color: #F2F3FF;
}

tr.even td.sorting_3 {
  background-color: #F9F9FF;
}

/* pagination styling */
.dataTables_info {
  float: left;
  margin: 20px 10px;
  width: 50%;
}

.paginate_button, .paginate_active {
  color: #7C6A06;
  margin: 0 5px 0 0;
  padding: 0.25em 0.5em;
  cursor: pointer;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.paginate_button:hover, .paginate_button:active, .paginate_button:focus {
  background: #C5F0BC;
}

.paginate_button_disabled, .paginate_active {
  color: #505050;
  pointer-events: none;
  cursor: default;
}

.paginate_active {
  background: #ccc;
}

/* show/hide columns */

.column_select {
  border: 1px  solid #ccc;
  background: #fff;
  padding: 1em;
  margin-bottom: -1em;
  overflow: hidden;
  width: 97%;
  z-index: 10;
  position: relative;
  top: 0.25em;
  right: 0px;
}

.column_select li {
  display: block;
  float: left;
  width: 26%;
  margin-left: -10px;
}

.column_select li label {
  display: inline-block;
  margin-left: 0.5em;
  margin-right: 2em;
  line-height: 1em;
  font-weight: normal;
  font-size: 14px
}

.typedisplay, .pdyear,#displayfileurl{
  display: none;
}

.pdlyear {
  display: inline;
}

.center{
  text-align:center;
}

button.tertiaryButton:hover{
  color: #ffffff!important;
  background-color: #09610d;
  background-image: none;
  text-shadow: none!important;
  box-shadow: 0px 1px 4px #000000 inset!important;
}

button.tertiaryButton {
  border: 0;
  color: #444!important;
  background-color: #f1f1f1;
  background-image: linear-gradient(to bottom, #f1f1f1, #eeeeee);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: 200;
  display: inline-block;
  text-decoration: none;
  min-height: 20px;
  border: 0 none;
  font-family: "Open Sans", Arial, sans-serif;
  margin: 10px;
}

span[class*='monthlink'] {
  padding: 6px;
  font-size: 15px;
}
.vspace {
  margin-top: 30px;
}

.yearlabel,.monthlabel{
  font-weight:bold;
  margin: 30px 10px 0 4px;
}

span[class*='emonthlink'] {
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  padding: 0.125em 0.6875em 0.3125em;
  background-color: #dfdfdf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  vertical-align: middle;
  color: #333;
  font-size: 14px;
  margin-left: 3px;
}


#toggle_columns{
  margin-top: -8px;
}

.fyear {
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  padding: 11px 5px 35px 8px;
  background-color: #ededed;
  margin-left: 13px;
  margin-bottom: -50px;
  width: 95%;
  z-index: 15;
}

.pdtitle {
  margin-left: 12px;
}

#years{
  margin-left: 29px;
  font-size: 80%;
}

.frmark {
  font-weight: bold;
  margin-left: 5px;
}

.seperator {
  height: 0;
  width: 99%;
  border-color: #ccc;
}
/* --- action bar - tags rate share ---------------------------------------------------------------
 * --------------------------------------------------------------------------------------------------------*/
#actions {
  clear: both;
  margin: 20px 15px 0;
  width: 96%;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}

#actions .action:first-child {
  padding: 0.5em 0.2em;
}

#actions .action:first-child h3 {
  /* width: auto;
  display: inline-block; */
  margin: 0;
  padding: 0;
}

#actions #tags ul {
  display: inline-block;
  padding-left: 0;
  margin-bottom: 1em;
  margin-top: 0.1em;
}

#actions #tags ul li {
  display: inline;
}

#actions #rate-icon {
  margin: 0.3em auto;
  display: block;
}

#rate-icon.tertiaryButton:hover {
  color: #fff;
}


#tags ul, #notices ul {
  display: inline-block;
}

#tags ul li, #notices ul li {
  display: inline;
}

#tags ul li a, #notices ul li a {
  text-decoration: underline;
}

#notices {
  text-align: center;
}

#notices {
  text-align: center;
}

#notices ul {
  padding-left: 0;
}

#notices ul li {
  padding-right: 2em;
}

/* rate page -------------------------------------------------------------------------------------- */
#rate a {
  text-decoration: underline;
  font-size: 1rem;
}

.webform-component--rate-helpful-smile, .webform-component--rate-quick-smile {
  display: none;
}

div#rateform {
  margin-bottom: 20px;
}

/* --- footer ------------------------------------------------------------------------------------------
 * ------------------------------------------------------------------------------------------------------*/
footer {
  background: url("/sites/all/themes/odpm/images/footerTop.png") repeat-x scroll center top #ededed;
  min-height: 25em;
  padding: 1.5em 0 1.5em;
  position: relative;
  float: left;
  top: 20px;
  width: 100%;
}

/* contact us / follow us */
#telephone-column {
  clear: both;
}

#socialu img, #socialt img, #socialfb img, #socialfl img, #socialtm img, #contact img {
  display: none;
}

#edit-validate-email, #edit-submitted-subject, input[id*='edit-submitted-subject-'], .edit-validate-email-wrapper {
  display: none;
}

#emailform #webform-component-to-note {
  position: relative;
  bottom: 16px;
  font-size: 0.8em;
}

/* footer links */
#footerContact a, #footerTopics a, #socialu a, #socialfb a, #socialt a, #socialfl a, #socialtm a,
#contactFooter a, #about_button a, a.grayBtn, a#more_results, a.tertiaryButton, #emergency-close-button a {
  width: 96%;
  margin: 0;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #444;
  font-size: 1.1rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
  border: 1px solid #bbb;
  background-color: #ccc;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#e8e8e8), to(lightgrey));
  background-image: -webkit-linear-gradient(top, #e0e0e0, lightgrey);
  background-image: -moz-linear-gradient(top, #e0e0e0, lightgrey);
  background-image: -o-linear-gradient(top, #e0e0e0, lightgrey);
  background-image: -ms-linear-gradient(top, #e0e0e0, lightgrey);
  background-image: linear-gradient(to bottom, #e0e0e0, lightgrey);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .8);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .8);
  border-radius: 3px;
  padding: 0.3em 0;
}

#contact {
  margin-top: 35px;
}

a#more_results {
  margin-bottom: 16px;
  margin-bottom: 1.6rem;
  text-decoration: none;
}

a.grayBtn {
  background-color: #444;
  /*background-color: $baseColor; NOT IN USE until a I figure out how I want to SASS the gradient - fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(top, #999, #333);
  /* For Chrome and Safari */
  background-image: -moz-linear-gradient(top, #999, #333);
  /* For old Fx (3.6 to 15) */
  background-image: -ms-linear-gradient(top, #999, #333);
  /* For pre-releases of IE 10*/
  background-image: -o-linear-gradient(top, #999, #333);
  /* For old Opera (11.1 to 12.0) */
  background-image: linear-gradient(to bottom, #999, #333);
  /* Standard syntax; must be last */
  text-shadow: 0 1px 0 rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 0 rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 1px 0 rgba(0, 0, 0, .4);
  color: #fff;
}

/*-- swooooosh ----*/
#swooshContainer {
  display: block;
  height: 80px;
  margin: 1em auto;
  position: relative;
  width: 93.5%;
}

#swoosh {
  background: url("//news.ontario.ca/assets/brand/swoosh.png") no-repeat scroll 100% bottom transparent;
  height: 80px;
  position: relative;
  width: 100%;
}

.swooshWrapper {
  height: 8em;
  position: relative;
}

#swoosh a {
  bottom: 3.2rem;
  position: absolute;
}

/* copyright */
small p {
  margin: 1em 0;
  text-align: center;
}

/* search autocomplete */
#search-autocomplete {
  width: 90%;
  display: none;
  background-color: #fff;
  float: left;
  position: relative;
  z-index: 999;
  border: 1px solid #ccc;
}

#search-autocomplete ul {
  margin: 0;
  padding: 0;
}

#search-autocomplete ul li {
  border-bottom: 1px solid #999;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

#search-autocomplete ul li.active {
  background: #dbe2d6;
}

#search-autocomplete ul li a {
  border-bottom: medium none;
  font-size: 1.1em;
  padding: 10px;
  display: block;
}

/* --- open data ------------------------------------------------------------------------------- */
#odright {
  background-color: #eee;
  padding: 1em;
  border: 1px solid #aaa;
}

#data-submit {
  display: none;
}

.node-landing-page img, #intro p img {
  display: none;
}

/* styles for code examples - thanks be to ZURB! //foundation.zurb.com */
h2.divider {
  border-top: 3px double #ccc;
  padding-top: 1em;
}

pre {
  -moz-box-sizing: content-box;
  background: none repeat scroll 0 0 #0b1022;
  color: #fff;
  font-size: 13px;
  margin: 0 0 20px;
  overflow: scroll;
  padding: 0 10px 12px;
  -moz-tab-size: 1;
  -o-tab-size: 1;
  tab-size: 1;
}

pre, code {
  font-family: 'Monaco', courier, monospace;
  line-height: 1.4;
}

pre .support, [data-language="c"] .function.call {
  color: #66a1ff;
}

pre .string, pre .comment.docstring {
  color: #61ce3c;
}

/* open and close examples */
ul.example-areas {
  display: block;
  margin: 0 0 20px;
  padding: 0;
}

ul.example-areas > li {
  list-style: none;
}

/* Nicolas Gallagher's micro clearfix */
.row, .container_12 {
  *zoom: 1;
}

#examples #recommendations {
  float: none;
  width: 370px;
}

#examples ul ul {
  list-style-type: disc;
}

.node-wizard #left {
  float: none;
  margin: 0;
  margin-left: 1.4rem;
  clear: both;
}

.msgdes {
  margin: 0 2.8em 0 0;
}

/* splash */
#brand {
  margin: 1em;
  margin-top: 0;
  margin-bottom: 2em;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.7);
  /* width and height of ontario logo display (not natural size since it's a retina image) */
  width: 125px;
  height: 54px;
  padding: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-transition: padding 1s;
  transition: padding 1s;
}

.locale-untranslated {
  display: none;
}

.element-invisible {
  border: 0;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

/* Rate this page */
#webform-component-note {
  margin: 0 100px -55px 130px;
  width: 400px;
}

#webform-component-rate-helpful-smile, #webform-component-rate-quick-smile {
  display: none;
}

#rateform {
  text-align: left;
  margin: 20px 20px 40px 0;
}

#rateform .form-type-checkbox {
  cursor: pointer;
}

div#webform-component-tell-us-mark.form-item p.feedbackForm label {
  display: block;
  font-weight: bold;
}

#webform-component-rate-describe, #webform-component-rate-neg {
  margin: 10px 0 0;
  width: 500px;
}

.errormsg, div#msg.messages, div.messages.error {
  color: #fd0606;
}

.node-wizard.clearfix .fieldset-legend, form.webform-client-form fieldset.webform-component-fieldset legend {
  font-weight: bold;
}

/* contact us */
.node-contact_us.clearfix fieldset h3.feedbackForm label {
  display: none;
  font-size: 18px;
}

.form-item.form-type-radio.form-item-submitted-would-you-like-a-reply-like-a-reply {
  display: inline-block;
  margin-right: 30px;
  padding-top: 30px;
}

textarea[id^='edit-submitted-message'] {
  border-color: #575757;
}

.node-contact_us.clearfix fieldset .form-text, .node-contact_us.clearfix fieldset textarea {
  display: none;
  font-size: 17px;
}

/* budget styles */
.webform-component-radios label {
  font-size: 1.2rem;
}

.webform-component-radios label.option {
  position: relative;
  bottom: 3px;
  font-size: 1rem;
}

.webform-component-radios {
  display: inline-block;
  padding-left: 1em;
  width: 64%;
  line-height: 2em;
}

#webform-client-form-25595 #budget-content img {
  max-width: 30%;
  vertical-align: top;
  padding-top: 10px;
}

.question-box {
  border-bottom: 2px solid #cecece;
  margin-bottom: 1em;
}

.budget-result {
  overflow: hidden;
}

.budget-result p {
  font-size: 1.5rem;
  margin: 0;
}

.budget-result img {
  float: left;
  padding: 1em;
  width: 70px;
  margin-top: -7px;
}

.budget-result .clear {
  clear: none;
  display: none;
}

.bar {
  display: inline;
}

.bar .category-count {
  font-size: 1.75rem;
}

.budget-results {
  border-bottom: 2px solid #cecece;
}

.budget-important img {
  width: 70px;
  margin-top: 7px;
  float: left;
  margin-right: 1em;
}

#left .budget-important h2 {
  font-size: 2em;
}

#left .budget-important h2:after {
  clear: both;
}

a.primaryButton, a.primaryButton2 {
 /* white-space: nowrap;*/
  display: inline-block;
  margin: 5px;
}

#budget_others img, #budget_others h4 {
  display: none;
}

.form-item-search-block-form, .form-action-search-block-form {
  display: inline;
}

/*
 * Search
 */
.node-error-page #edit-search-block-form--2 {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #979b96;
  color: #4c4c4c;
  font-size: 17px;
  height: 1.49em;
  line-height: normal;
  margin-top: -3px;
  padding: 3px;
  vertical-align: middle;
  width: 450px;
  margin-left: 10px;
}

.node-error-page input#searchsubmit {
  background-color: #f0f0f0;
  border: 1px solid #c6cec3;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  color: #000;
  font-family: Arial, sans-serif;
  font-weight: 200;
  font-size: 1.2em;
  height: 1.5em;
  line-height: normal;
  margin: 7px 0 0 -4px;
  padding: 0 10px 0 7px;
  position: absolute;
  right: -73px;
  top: -3px;
  vertical-align: middle;
  width: 77px;
  behavior: url("/sites/all/themes/odpm/scripts/PIE.htc");
}

/* error page */
.node-error_page #intro {
  margin-top: 1em;
}

.node-error_page .headerFold.onTop {
  display: none;
}

.node-error_page .menu-button {
  position: relative;
  top: -5px;
}

.node-error_page #actions, .node-error_page #last-modified {
  display: none;
}

.node-error-page.clearfix #search-autocomplete {
  background: #fff;
  margin-left: 15px;
  float: left;
  z-index: 999;
  left: 15px;
  width: 49%;
}

.node-error-page.clearfix div.region-inner {
  margin: 25px 0;
}

/* search autocomplete */
#search-autocomplete {
  width: 90%;
  display: none;
  background-color: #fff;
  float: left;
  position: relative;
  z-index: 999;
  border: 1px solid #ccc;
  bottom: 2px;
}

#search-autocomplete ul {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#search-autocomplete ul li {
  border-bottom: 1px solid #999;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

#search-autocomplete ul li .active {
  background: #dbe2d6;
}

#search-autocomplete ul li a {
  border-bottom: medium none;
  font-size: 1.1em;
  padding: 10px;
  display: block;
}

/* share links */
.share-links {
  padding: 1em;
  line-height: 1em;
  display: inline-block;
}

/*.share-links .twitter{
  background: url('/sites/all/themes/odpm/images/t_icon.png') no-repeat 0 0 transparent;
}

.share-links .facebook {
  background: url('/sites/all/themes/odpm/images/fb_icon.png') no-repeat 0 0 transparent;
}*/
.share-links .google {
  background: url("/sites/all/themes/odpm/images/googleplusicons.png") no-repeat 0 0 transparent;
}

.share-links a {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 0 5px;
  font-size: 0;
  margin-right: .5em;
}

.share-links a:hover, .share-links a:focus {
  background-position: 0 -32px !important;
}

/* results map */
.results-box {
  border-bottom: 2px solid #cecece;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

ul#categoryOptions {
  width: 344px;
  margin-left: 25px;
}

#categoryOptions li {
  display: inline-block;
  width: 170px;
  padding-top: 40px;
  padding-right: 1em;
  height: 50px;
  margin-top: 38px;
  background-size: 60px;
}

#categoryOptions label, #category-options input {
  display: inline-block;
  padding-left: 0;
  margin-top: 40px;
  font-size: 1.6em;
}

#categoryOptions input[type="checkbox"] {
  margin-top: 52px;
}

li.health {
  background: url("/sites/all/themes/odpm/images/budget/health-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.education {
  background: url("/sites/all/themes/odpm/images/budget/education-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.economy {
  background: url("/sites/all/themes/odpm/images/budget/economy-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.social {
  background: url("/sites/all/themes/odpm/images/budget/social-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.environment {
  background: url("/sites/all/themes/odpm/images/budget/environment-leaf-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.employment {
  background: url("/sites/all/themes/odpm/images/budget/employment-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.infrastructure {
  background: url("/sites/all/themes/odpm/images/budget/infrastructure-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

li.opendata {
  background: url("/sites/all/themes/odpm/images/budget/opendata-tile.png") no-repeat 0 -20%;
  /* background-size: 85px; */
}

/* chooser */
.node-type-chooser .form-item input {
  display: block;
  left: 0;
}

.node-type-chooser .form-item label {
  float: left;
  top: 0;
}

.node-type-chooser .form-radios .form-item {
  float: left;
  margin-right: 20px;
}

#budget-content img {
  width: 30%;
  vertical-align: top;
}

#map-canvas {
  width: 100%;
  height: 500px;
  margin-top: 20px;
}

.tweet {
  margin-bottom: 10px;
  border-bottom: 1px solid #cecece;
  padding-bottom: 5px;
}

.container_12:after {
  clear: both;
}

/* healthy homes calculator */
#calc {
  background-color: #eee;
  border: 1px solid #999;
  margin-bottom: 40px;
  padding: 10px 20px;
  width: 400px;
  overflow: hidden;
}

#calc h3 {
  font-size: 29px;
  font-size: 1.8rem;
}

#calc label {
  display: inline-block;
  /*padding-left: 10px;*/
  float: left;
  width: 20px;
  font-size: 1.8em;
}

#calc #x {
  float: left;
  width: 80%;
  font-size: 1rem;
}

#calc .primaryButton2 {
  margin-left: 20px;
}

#calcOutput {
  float: left;
  width: 100px;
}

#calc div.form-item {
  background-color: transparent;
  padding: 0;
  border: 0;
  margin-bottom: 0;
}

.node-fire_bulletin #gmap-auto1map-gmap0 {
  width: 100% !important;
}

.node-fire_bulletin #left table {
  width: 100%;
}

.node-fire_bulletin #left thead,
.node-fire_bulletin #left tfoot,
.node-fire_bulletin #left tbody {
  border: 1px solid #ccc;
}

.node-fire_bulletin th {
  border-bottom: none;
}

.node-fire_bulletin #left thead,
.node-fire_bulletin #left tr:nth-child(even) {
  background-color: #eee;
}

.node-fire_bulletin th,
.node-fire_bulletin td {
  padding: 10px !important;
}

.node-fire_bulletin th *,
.node-fire_bulletin td * {
  margin: 0;
  padding: 0;
}

.node-fire_bulletin #left thead th:first-child,
.node-fire_bulletin #left tbody td:first-child,
.node-fire_bulletin #left tbody th:first-child {
  width: 55%;
}

.fire_option {
  float: left;
  margin: 20px 20px 0 0;
  position: relative;
}

#map {
  height: 500px !important;
  width: 100% !important;
}

#fire-side {
  border: 5px solid #dbe2d6;
  margin-bottom: 10px;
}

#fire-side h2 {
  margin: 20px 30px;
}

#fire-side div {
  margin: 20px 30px 30px;
  max-height: 437px;
  overflow-x: hidden;
}

#fire-side ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#fire-side li {
  color: #7c6a06;
}

#fire-side li:hover {
  text-decoration: underline;
  cursor: pointer;
}

.display-none {
  display: none;
}

/* -------------------------------------------------------------------------------------------------------------------------------------
 * -------------------------------------------------------------------------------------------------------------------------------------
 *  START MEDIA QUERIES ---------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------------------*/
/* desktop size */
@media only screen and (min-width: 63.76em) {
  h1 {
    font-size: 2.7em;
  }

  h2 {
    font-size: 32px;
    font-size: 2em;
    font-size: 2rem;
  }

  h3 {
    font-size: 25px;
    font-size: 1.5625em;
    font-size: 1.5625rem;
  }

  h4 {
    font-size: 21px;
    font-size: 1.3125em;
    font-size: 1.3125rem;
  }

  .container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 972px;
    overflow: hidden;
  }
  
  #search-block-form input[type="submit"] {
   font-family: "Cabin", Arial, 'Helvetica Neue', sans-serif;
 }

  #explore-list {
    padding: 8px 15px;
    margin: 5px;
    height: auto;
  }

  #explore-wrapper {
    right: 34px;
  }

  #explore-button {
    padding-left: 36px !important;
    background: url("/sites/all/themes/odpm/images/menu-darkx64.png") no-repeat 3px 5px;
    background-size: 28px;
  }

  .menu-button {
    display: block;
    z-index: 1001;
    width: 175px;
    right: 30px;
    background-image: none;
    padding-left: 0.7em;
    border-radius: 10px 10px 0 0;
  }

  #intro h1 {
    padding: 0 10px;
  }

  .right-item h2, #right h2.block-title {
    background-color: #dbe2d6;
  }

  #toc-menu {
    margin-bottom: 1em;
  }

  #toc-menu .toc-title {
    margin-top: 0;
    margin-bottom: 0;
    width: 99%;
    margin-left: -4px;
  }

  #toc-menu .right-item h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }

  #right, #recommendations, #recommended, #field-more-languages {
    width: 280px;
  }

  .download {
    float: left;
    position: relative;
    width: 400px;
  }

  .accessibility_help {
    float: left;
    position: relative;
    width: 200px;
  }

  .accessibility_help a {
    display: block;
    margin: 1em 0;
  }

  .online_version {
    float: left;
    position: relative;
    width: 200px;
  }

  .online_version a {
    display: block;
    margin: 1em 0;
  }

  .node-landing_page #page-title {
    padding-left: 20px;
  }

  .fact-box a {
    color: #fff;
  }

  /* --- grid ---------------------------------------------------------------------------- */
  .node-landing_page #page-title {
    margin-top: 0;
  }

  .node-landing_page .container_12 .grid_1 {
    width: 55px;
  }

  .node-landing_page .container_12 .grid_2 {
    width: 135px;
  }

  .node-landing_page .container_12 .grid_3 {
    width: 215px;
  }

  .node-landing_page .container_12 .grid_4 {
    width: 295px;
  }

  .node-landing_page .container_12 .grid_5 {
    width: 375px;
  }

  .node-landing_page .container_12 .grid_6 {
    width: 455px;
  }

  .node-landing_page .container_12 .grid_7 {
    width: 535px;
  }

  .node-landing_page .container_12 .grid_8 {
    width: 615px;
  }

  .node-landing_page .container_12 .grid_9 {
    width: 695px;
  }

  .node-landing_page .container_12 .grid_10 {
    width: 775px;
  }

  .node-landing_page .container_12 .grid_11 {
    width: 855px;
  }

  .node-landing_page .container_12 .grid_12 {
    width: 935px;
  }

  .node-landing_page .container_12 .grid_1, .node-landing_page .container_12 .grid_2, .node-landing_page .container_12 .grid_3, .node-landing_page .container_12 .grid_4, .node-landing_page .container_12 .grid_5, .node-landing_page .container_12 .grid_6, .node-landing_page .container_12 .grid_7, .node-landing_page .container_12 .grid_8, .node-landing_page .container_12 .grid_9, .node-landing_page .container_12 .grid_10, .node-landing_page .container_12 .grid_11, .node-landing_page .container_12 .grid_12 {
    margin-left: 13px;
    margin-right: 12px;
  }

  /* error page */
  .page-customerror-404 h1 {
    font-size: 25px;
    font-size: 1.55rem;
  }

  .filter-box nav {
    padding: 10px 0 10px 10px;
    margin-right: 20px;
  }

  .form-type-checkbox label {
    bottom: 0.08em;
  }

  #rateform {
    padding-left: 20px;
  }
  
  /* home tabs */
  nav.tabs ul { height: inherit;}
  .tabs li a { height: inherit; line-height: inherit; }

  /* sprites */
  /* sprites PNG */
  .arrow-white, .audiox32, .benefitx32, .camerax32, .gavelx32, .guidex32, .infox32, .menux32, .newsx32, .opendatax32, .questionsx32, .searchx32, .servicex32, .videox32, .wizardx32, .youtubeBoxBothButtons, .twitterBoxBothButtons, #t-icon, #rate-icon, #print-icon, #email-icon, #fb-icon, .hate, .like, .love2, .neutral, .dislike, .facebookBothButtons, .camerax16, .gavelx16, .icon-search-result-questions, .icon-search-result-services, .icon-search-result-guides, .icon-search-result-information, .newsx16, .opendatax16, .videox16, .wizardx16, .benefitx16, .audiox16, .contactButton-dark, .emailPhoneBoxButton, .ontariobandw, #contactFooter a, a.option1, a.option2, a.option3, a.option4, a.option5 {
    background: url(/sites/all/themes/odpm/images/sprites.png) no-repeat;
  }

  .arrow-white {
    background-position: 0 0;
    width: 8px;
    height: 8px;
  }

  .audiox32, .benefitx32, .camerax32, .gavelx32, .guidex32, .infox32, .menux32, .opendatax32,
  .questionsx32, .searchx32, .servicex32, .videox32, .wizardx32, #rate-icon, .share-icon, #fb-icon, #t-icon, #print-icon, #email-icon {
    width: 32px;
    height: 32px;
  }

  .audiox16, .benefitx16, .camerax16, .gavelx16, .guidex16, .infox16, .menux16, .opendatax16,
  .questionsx16, .searchx16, .servicex16, .videox16, .wizardx16, .icon-search-result-services, .icon-search-result-questions, .icon-search-result-guides, .icon-search-result-information {
    width: 16px;
    height: 16px;
  }

  .audiox32 {
    background-position: -50px 0;
  }

  .benefitx32 {
    background-position: -100px 0;
  }

  .camerax32 {
    background-position: -150px 0;
  }

  .gavelx32 {
    background-position: -200px 0;
  }

  .guidex32 {
    background-position: -250px 0;
  }

  .infox32 {
    background-position: -300px 0;
  }

  .menux32 {
    background-position: -400px 0;
  }

  .newsx32 {
    background-position: -350px 0;
  }

  .opendatax32 {
    background-position: -450px 0;
  }

  .questionsx32 {
    background-position: -500px 0;
  }

  .searchx32 {
    background-position: -550px 0;
  }

  .servicex32 {
    background-position: -600px 0;
  }

  .videox32 {
    background-position: 0 -50px;
  }

  .wizardx32 {
    background-position: -50px -50px;
  }

  .youtubeBoxBothButtons {
    background-position: 0 -200px;
    width: 97px;
    height: 53px;
  }

  .twitterBoxBothButtons {
    background-position: -110px -200px;
    width: 97px;
    height: 53px;
  }

  #t-icon {
    background-position: -200px -100px;
  }

  a#t-icon:hover, a#t-icon:focus {
    background-position: -200px -132px !important;
  }

  #rate-icon {
    background-position: -100px -100px;
  }

  a#rate-icon:hover, a#rate-icon:focus {
    background-position: -100px -132px !important;
  }

  #print-icon {
    background-position: -150px -100px;
  }

  a#print-icon:hover, a#print-icon:focus {
    background-position: -150px -132px !important;
  }

  #email-icon {
    background-position: 0 -100px;
  }

  #email-icon:hover, #email-icon:focus {
    background-position: 0 -132px !important;
  }

  #fb-icon.share-icon {
    background-position: -50px -100px;
  }

  a#fb-icon.share-icon:hover, a#fb-icon.share-icon:focus {
    background-position: -50px -132px !important;
  }

  a.option1, a.option2, a.option3, a.option4, a.option5 {
    width: 50px;
    height: 47px;
  }

  .hate, a.option1 {
    background-position: -490px -150px;
  }

  a.option1:hover {
    background-position: -490px -101px;
  }

  .like, a.option4 {
    background-position: -310px -150px;
  }

  a.option4:hover {
    background-position: -310px -101px;
  }

  .love2, a.option5 {
    background-position: -250px -150px;
  }

  .love2:hover, a.option5:hover {
    background-position: -250px -101px;
  }

  a.option3 {
    background-position: -370px -150px;
  }

  .neutral, a.option3:hover {
    background-position: -370px -101px;
  }

  .dislike, a.option2 {
    background-position: -430px -150px;
  }

  .dislike:hover, a.option2:hover {
    background-position: -430px -101px;
  }

  .ontariobandw {
    background-position: -425px -200px;
    width: 195px;
    height: 144px;
  }

  .camerax16 {
    background-position: -101px -46px;
  }

  .gavelx16 {
    background-position: -127px -50px;
  }

  .icon-search-result-questions {
    background-position: -229px -50px;
  }

  .icon-search-result-services {
    background-position: -206px -50px;
  }

  .icon-search-result-guides {
    background-position: -178px -50px;
  }

  .icon-search-result-information {
    background-position: -154px -48px;
  }

  .newsx16 {
    background-position: -252px -51px;
  }

  .opendatax16 {
    background-position: -280px -51px;
  }

  .videox16 {
    background-position: -328px -51px;
  }

  .wizardx16 {
    background-position: -306px -52px;
  }

  .benefitx16 {
    background-position: -380px -51px;
  }

  .audiox16 {
    background-position: -356px -52px;
  }
}

/* end desktop */
/* tablet */
@media only screen and (min-width: 43.9375em) {
  .error-page {
    text-align: center;
  }

  .error-page #home-welcome-content span {
    border: 0 none !important;
  }


  #left {
    float: left;
  }

  .node-landing_page #left {
    margin-right: 0;
  }

  #intro img, #intro p img {
    display: block;
    float: left;
    margin-right: 20px;
  }

  /* --- grid --------------------------------- */
  .container_12 {
    width: 100%;
  }

  #search-block-form {
    float: left;
    width: 72%;
  }

  .menu-button {
    position: relative;
    top: -63px;
    width: 180px;
    float: right;
    right: 30px;
    border-radius: 10px 10px 0 0;
  }

  #site-menu .view-topic-list {
    position: absolute;
    z-index: 10;
    top: 132px;
    width: 45%;
    float: right;
    right: 10px;
    border: 2px solid #8e8e8e;
    border-top: 0;
  }

  .view-topic-list ul {
    border-top-color: #b8b8b8;
  }

  #header {
    position: relative;
    height: 130px;
  }

  /* so the menu button knows where to be */
  .headerFold {
    display: none;
  }

  .headerFold.onTop {
    display: block;
  }

  .filter-box {
    line-height: 1.4rem;
  }

  .view-topic-list ul li a, .toc-list ul li a {
    padding: 0;
  }
}

@media only screen and (max-width: 63.75em) {
  /* max is tablet:  all sizes up to and including tablet  ---------------------------------------------------------------------------------
  -----------------------------------------------------------------------------------------------------------------------------
  -----------------------------------------------------------------------------------------------------------------------------
  -------------------------------------------------------------------------------------------------------------------------*/
  /*body { color: #79a600!important; }*/
  #headerSec.serviceontario {
    background-color: #02713c;
  }

  .node-chooser .question-status {
    margin: 10px 0;
  }

  .node-chooser .question-box {
    border: 0 none;
  }

  .node-chooser #left {
    padding: 0 2%;
  }

  #right {height: auto !important;}
  .node-contact_us fieldset {
    border: 1px solid #aaa;
    padding: 1em;
    margin: 1em;
  }

  .serviceontario #logo {
    width: 10em;
    margin: 1em 0 .4em;
  }

  .node-serviceontario_homepage {
    /* home nav*/
  }

  .node-serviceontario_homepage .tabs li {
    border-bottom-color: #ececec;
  }

  .node-serviceontario_homepage #logo {
    width: 96px;
    margin-bottom: 0;
  }

  .node-serviceontario_homepage #home-nav ul li a:hover {
    background-color: #e6e6e6;
    color: #4b6347;
  }

  .serviceontario #logo img[src~=ontario] {
    width: 6em;
    margin: 1em 0 0;
  }

  .node-query_landing_page #categories ul li, .node-query_landing_page #types ul li, ul#list-topics li, ul#list-publishers li, ul#list-file-types li {
    line-height: 2em;
    font-size: 1.2rem;
    border-bottom: 1px dotted #aaa;
    padding: 5px;
  }

  .collapsible ul li {
    font-size: 1.2rem;
  }

  p, li {
    font-size: 1.15em;
    font-size: 1.15rem;
  }

  #last-modified {
    margin: 1em 0;
  }

  #main-content a.secondaryButton, #main-content a.tertiaryButton {
    font-size: 19px;
    font-size: 1.2rem;
  }

  /* add a colon after tags on sizes below desktop */
  #tags h3:after {
    content: " :";
  }

  /* error page */
  .node-error-page.clearfix #edit-search-block-form--2 {
    width: 75%;
    border-radius: 0;
  }

  .node-error-page.clearfix #search-autocomplete {
    background: #fff;
    margin-left: 15px;
    float: left;
    z-index: 999;
    left: 15px;
    width: 49%;
  }

  .menu-button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    font-size: 25px;
    font-size: 1.55rem;
  }

  #popular-desktop {
    position:relative;
    top: 19px;
  }

  /*footer links */
  #contactFooter a:focus, #socialu a:hover, #socialu a:focus, #socialt a:hover, #socialt a:focus, #socialfb a:hover, #socialfb a:focus, #contactFooter a:hover {
    background-color: #09610d;
    background-image: none;
  }

  /* landing page fact-box */
  .fact-box {
    position: relative;
    background-color: #6c8959;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url('/sites/all/themes/odpm/scripts/PIE.htc');
    color: #fff;
    padding: 20px;
  }

  .fact-box > h2 a, .fact-box > h2 a:link, .fact-box > h2 a:active, .fact-box > h2 a:visited {
    color: #fff !important;
  }

}

/* END all sizes to end of tablet media query (doesn't include desktop) */

/* start tablet only styles --------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 43.9375em) and (max-width: 63.75em) {
  .node-landing_page .tablegrid {
    width:100%;
  }
  
  .dataTables_filter input {
    min-width: 120px;
    width: 136px;
    padding:0;
  }
  
  #pdt_wrapper {
    margin-top: 15px;
  }
  
  #pdt_filter{
    width: 33%;   
  }
  
  .node-landing_page #toggle_columns{
    width: 143px;
  }
  
  #toggle_columns {
    margin-top: -25px !important;
  }

  .node-landing_page .column_select li {
    width: 33%;
  }
  .node-landing_page .column_select {
    float: left;
    width: 98%;
    padding: 0;
  }
  .fyear {
    width: 98%;
    padding-right: 7px;
  }
  
  #popular-desktop {
    position: static;
  }
  #explore-wrapper #explore-hide ~ .view-topic-list {
    position: relative;
    top: -115px;
    z-index: 1000;
  }

  #main-content {
    padding-top: 70px;
  }

.explore-button {
  background: #c6cec3 url("/sites/all/themes/odpm/images/menu-darkx64.png") no-repeat 2px 0.25em;
  -webkit-background-size: 27px 26px;
  background-size: 27px 26px;
  color: #505050;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  top: 89px;
  cursor: pointer;
  font-size: 1.3em;
  padding: 0 5px 2px 36px;
  position: absolute;
  right: 35px;
  min-width: 100px;
  width: auto;
  height: 2em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#explore-wrapper input, #explore-wrapper .view-topic-list {
  display: none;
  position: relative;
  top: -68px;
  z-index: 10;
}

#explore-wrapper .view-topic-list ul {
  border: 1px solid #ccc;
  background-color: #fff;
}

#explore-wrapper ul li {
  background-color: #fff;
  border: 0 none;
}

#explore-wrapper .view-content {
  position: absolute;
  top: 135px;
  right: 35px;
  width: 50%;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 2px 2px 11px -4px #333;
}

.explore-button a {
  position: absolute;
  color: #505050;
  font-size: 0.9em;
  margin-right: 0.2em;
  white-space: nowrap;
}

#explore-wrapper ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 4px 1em;
  }

  .action {
    float: left;
    width: 100%;
  }
  
/* -- Actions rate button --*/
  #actions #rate-icon {
    width: 50%;
    float: left;
  }
/* headings */
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  .menu-button h2 {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  #intro {
    padding: 1em;
    width: 91%;
    background-color: #fff;
    display: block;
    float: left;
    margin: 8px 10px 30px;
    border: 15px solid #dbe2d6;
  }
  /* top of page */
  .node-landing_page #main-content {    
    padding-top: 0;
  }
  #banner img {
    max-width: 100%;
  }

  #message-column, #output_suggestions, #telephone-column, .notice {
    float:left;
    width: 100%;
  }

  #left {
    width: 58%;
    margin-left: 9px;
  }

  .node-chooser #left {
    width: 95%;
  }

  #budget-content .form-radios {
    position: relative;
    float: left;
    left: 15px;
    top: 20px;
  }

  .node-faq #left {
    width: 58%;
  }

  #right {
    margin-right: 10px;
  }

  /* - change menu button to match the desktop colour -------*/
  .menu-button {
    color: #505050;
    min-width: 140px;
    padding-top: 4px;
    background-position: 6px 8px;
  }

  /* HOME pages --------------------------------------------------------------------------*/
  /* bar across the top (under header to hold ministry name) */
  .home h1 {
    font-size: 1.6em;
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 341px;
    padding: 10px 30px 10px 20px;
    background-color: rgba(230, 230, 230, .9);
    color: #414141;
    z-index: 0;
  }

  .node-ministry .home h1 {
    font-size: 2.5em;
    color: #fff;
    text-shadow: -2px 1px 2px rgba(82, 80, 80, 1);
    background-color: rgba(102, 102, 102, .3);
    top: 1px;
    margin: 0;
    margin-left: -10px; /*to align text and background*/
    padding-left: 0.8em;
  }
  
  .node-ministry #home-nav-wrapper .tabs li {
    border-right-width: 0;
    border-style: solid;
    border: 0;
    border-bottom-width: 0;
  }
  
  #home-nav ul li a {
    text-decoration: none;
    border-style: solid;
    border-bottom-width: 0;
  }

  #search-block-form {
    float: left;
    width: 72%;
  }

  #splashPage #search-block-form, #splash-page #search-block-form { float: none; margin: 0 auto;}

  #popular-links h2 {
    display: none;
  }

  #popular-wrapper {
    display: block;
    height: 370px;
    margin: -69px -12px 0;
  }

  .node-serviceontario_homepage nav.tabs ul {
    background-color: transparent;
  }

  .node-serviceontario_homepage #main-content {
    padding-top: 0;
  }

  #tabs-wrapper {
    display: none;
  }

  #popular-tab {
    display: block;
  }

  nav.tabs ul {
    background-color: transparent;
    margin: -40px -12px -12px;
  }

  .tabs dd, .tabs li {
    background-color: #4b6347;
    display: block;
    float: left;
    padding: 0;
    margin: -1px 6px 0 0;
    border: 1px solid #fff;
    border-right-width: 7px;
    border-bottom-color: #777;
  }

  .tabs dd a, .tabs li a {
    color: #d6d6d6;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 1.3em;
    font-size: 24px;
    font-size: 1.5rem;
    border: 1px;
  }

  .tabs li.active a {
    color: #70541c;
    padding-bottom: 1px;
    padding-top: 6px;
  }

  .view-featured-content, #news {
    margin-top: 32px;
    margin-top: 2rem;
  }

  .node-serviceontario_homepage .home h1 {
    position: inherit;
    background-color: #fff;
    font-size: 40px;
    font-size: 2.5rem;
  }

  .node-serviceontario_homepage nav.tabs ul {
    border-color: #fff;
    margin-bottom: 20px;
  }

  /* For LANDING pages
   * ---------------------------------------------------------------------------------------------
   * if the image is small and the surrounding area is full tablet - hide the image
   * if wider than 6 expand to full width (below) */
  #node-7642 .grid_4.full-tablet img {
    display: none;
  }

  /* BELOW: adjust grid pieces for tablets
   * - make all grid7+ full width, make all smaller half width
   * - anything set to "full-tablet" will expand to full width
   * ---------------------------------------------------------------------------------------------------------*/
  .node-landing_page #expore-wrapper {
    width: auto;
    float: right;
    margin-right: 0;
  }

  .node-landing_page {
    /*.grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img { display:none;}*/
  }

  .node-landing_page #page-title {
    padding-left: 10px;
  }

  .node-landing_page #left {
    width: 100%;
  }

  .node-landing_page .grid_8, .node-landing_page .grid_9, .node-landing_page .grid_10, .node-landing_page .grid_11 {
    width: 96%;
    float: left;
  }

  .node-landing_page .grid_6, .node-landing_page .grid_3, .node-landing_page .grid_4 {
    width: 96%;
    float: left;
  }

  .node-landing_page .grid_7.full-tablet, .node-landing_page .grid_8.full-tablet, .node-landing_page .grid_9.full-tablet, .node-landing_page .grid_10.full-tablet,
  .node-landing_page .grid_11.full-tablet {
    width: 96%;
  }

  .node-landing_page .grid_7.full-tablet img, .node-landing_page .grid_8.full-tablet img, .node-landing_page .grid_9.full-tablet img, .node-landing_page .grid_10.full-tablet img,
  .node-landing_page .grid_11.full-tablet img {
    width: 100%;
  }

  .node-landing_page .grid_2.full-tablet, .node-landing_page .grid_1.full-tablet, .node-landing_page .grid_3.full-tablet,
  .node-landing_page .grid_4.full-tablet, .node-landing_page .grid_5.full-tablet, .node-landing_page .grid_6.full-tablet {
    width: 96%;
  }

  .node-landing_page .grid_2.full-tablet img, .node-landing_page .grid_1.full-tablet img, .node-landing_page .grid_3.full-tablet img,
  .node-landing_page .grid_4.full-tablet img, .node-landing_page .grid_5.full-tablet img, .node-landing_page .grid_6.full-tablet img {
    display: none;
  }

  .node-landing_page .grid_2.full-tablet img.show, .node-landing_page .grid_1.full-tablet img.show, .node-landing_page .grid_3.full-tablet img.show,
  .node-landing_page .grid_4.full-tablet img.show, .node-landing_page .grid_5.full-tablet img.show, .node-landing_page .grid_6.full-tablet img.show {
    display: block;
    width: 100%;
  }

  #swooshContainer {
    clear: both;
  }

  #swooshContainer .grayBtn {
    width: 33%;
  }
  
  #footer #swooshContainer {
    background: url('/sites/all/themes/odpm/images/VI-lines.gif');
    width: 100%;
  }

  #footer #swooshContainer a {
    margin-left: 1em;
    bottom: -2.4em;
    position: relative;
  }

  .minister-content {
    width: 46%;
    float: left;
  }

  #contact {
    width: 46%;
    float: right;
    margin: 0 30px 0 0;
  }

  #toc-list {
    background-color: #fbfbfb;
  }

  #toc-list ul {
    padding: 0;
    border: 5px solid #dbe2d6;
    margin-top: 0;
  }

  #toc-list li {
    padding: 8px 15px 8px 10px;
    background-color: #fbfbfb;
    border-bottom: 1px dotted #ccc;
  }

  .toc {
    border: 5px solid #dbe2d6;
    padding: 0 5px;
  }

  #toc-menu {
    background-color: #fbfbfb;
    border: 0;
    font-size: 21px;
    font-size: 1.3rem;
    margin-bottom: 10px;
  }

  #toc-menu ul li:first-child {
    padding-top: 7px;
  }

  #toc-menu .toc-title {
    width: 250px !important;
    margin-bottom: 0;
    margin-left: 0;
  }


  /* topic menu */
  #expore-wrapper {
    height: 69px;
  }
  
  .node-serviceontario_homepage #expore-wrapper {
    height: 0;
  }

  /* right column */
  .right-item h2 {
    font-size: 21px;
    font-size: 1.3rem;
    margin-bottom: 0.5em;
  }

  #right {
    width: 260px;
    float: right;
  }

  .plus-minus {
    margin-right: 8px;
    margin-right: 0.5rem;
  }

  /* rate button */
  #rate {
    margin-bottom: 20px;
  }

  a#rate-icon:hover {
    color: #fff;
  }

  /* error page */
  .node-error-page.clearfix #search-autocomplete {
    background: #fff;
    top: -13px;
    float: left;
    z-index: 999;
    left: -4px;
    width: 54%;
  }

  .node-error-page.clearfix #edit-search-block-form--2 {
    width: 60%;
  }

  .node-error-page input#searchsubmit {
    right: 0;
    left: 60%;
    width: 5em;
    height: 1.75em;
  }

  #intro #page-title {
    font-size: 2em;
    margin-top: -5px;
  }

  .node-fire_bulletin #intro {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
  }

  .node-fire_bulletin #left {
    margin-left: 20px;
    margin-right: 5px;
  }

  .node-fire_bulletin #right {
    margin-right: 20px;
    margin-left: 5px;
    width: 31%;
  }
}

/*@media only screen and (max-width: 60em) {
  body { color: #00851f!important; }
 }
  @media only screen and (max-width: 55em) {
  body { color: #cd006b!important; }
 }
 @media only screen and (max-width: 47.9em) {
  body { color: #00a6a4!important; }
 }*/
@media only screen and (max-width: 43.9374em) {
  /* one column */
  /*body { color: #007bee!important; }*/
  .home h1 {
    font-size: 2.9em;
    margin: -13px -10px 0;
    padding: 0 11px 10px;
    background-color: #efefef;
  }

  #main-content {
    padding-top: 24px;
  }
  #main-content, #content-column {
    margin: 20px 20px 0.7em !important;
    position: relative;
  }
  
  .home #main-content {
    margin-top: -24px!important;
}
/* contact buttons */
  #contact {    
    margin-left: -0.5em;    
    width: 100%;
  }
/* topic menu */
  .menu-button {
    padding: 0.3em!important;
    padding-left: 56px!important;
    padding-left: 3.5rem!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .right-item h2, .menu-button h2 {
    font-size: 2em;
    top: -70px;
  }

  .right-item h2 {
    padding-right: 2rem;
    cursor: pointer;
  }

  #right .plus-minus {
    margin-right: -1rem;
  }

  #site-menu ul li a {
    font-size: 24px;
    font-size: 1.5rem;
  }

  .view-topic-list ul {
    margin-top: 0;
  }

  .view-topic-list ul li, .toc-list ul li {
    padding: 0 1em;
    border-bottom: 1px solid #ccc;
  }

  #toc-menu .toc-title {
    width: 99.2%;
  }

  #toc-menu ul li:first-child {
    margin-top: -5px;
  }

  #toc-list ul {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    list-style: none outside none;
    margin-bottom: 20px;
    padding: 0;
  }

  #toc-list ul li {
    padding: 0em 1em;
    font-size: 1.3rem;
    border-bottom: 1px solid #ccc;
  }

  #toc-list ul li a {
    display: inline-block;
    padding: 0.5em 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    width: 100%;
  }
  
  .tabs dd.active, .tabs li.active {
    border-top: 1px solid #666;
    margin-top: -1px;
    padding-bottom: 1px;
  }

  /* rate-button */
  #rate { width:98%; margin-left:-13px;}
  #actions #rate-icon { width: 98%; float: left;}
  
  
  #last-modified { clear:both;}

  
  /*landing page data table*/
  .node-landing_page .tablegrid {
    width:100%;
    margin-left: 0;
  }
  
  .node-landing_page #intro #page-title {
    margin-top: 20px;  
  }
  
  .dataTables_filter input {
    min-width: 120px;
    width: 235px;
    padding:0;
    margin-top: 6px;
    margin-left: 0;
  }

  .dataTables_filter {
    width: 80%;
  }

  .dataTables_select .select_filter {
    margin-bottom: 12px;
    margin-left: 6px;
  }
  
  .node-landing_page #toggle_columns{
    width: 182px;
    margin-top: 10px;
  }
  
  .node-landing_page .view-content {
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }

  .node-landing_page .column_select li {
    width: 90%;
  }
  
  .node-landing_page .column_select, .node-landing_page .showhidecolumn {
    float: left;
    padding: 0;
  }
  
  .node-landing_page .column_select{
    width: 103%;
  }
  
  .pdtitle{
    margin-left: 0;  
  }
 
  .fyear {
    width: 98%;
    padding-right: 7px;
    margin-left: 0;
  }
  
  .tfilters {
    margin-top: 15px;
    padding-bottom: 210px;
  }
  
  .node-landing_page div.column_select ul li label {

  }
  
  .node-landing_page .column_select ul {
    margin-left: -30px;
  }


  /* error page */
  .node-error-page.clearfix #search-autocomplete {
    background: #fff;
    float: left;
    z-index: 999;
    left: -7px;
    width: 100%;
    top: -5px;
  }

  .node-error-page.clearfix #edit-search-block-form--2 {
    width: 45%;
  }

  .node-error-page input#searchsubmit {
    right: 0;
    left: 45%;
    width: 5em;
    height: 1.75em;
  }

  /*#expore-wrapper {
    height: 4.2em;
  }*/
  

  /* serviceontario home */
  .node-serviceontario_homepage nav.tabs ul {
    background-color: #fff;
    border-bottom-color: #fff;
  }

  .node-serviceontario_homepage nav.tabs ul li {
    display: block;
    border-bottom-color: #fff;
    border-right: 10px solid #fff;
    background-color: #4b6347;
  }

  .node-serviceontario_homepage .home h1 {
    background-color: #fff;
  }

  .node-landing_page img {
    max-width: 100%;
    height: auto !important;
  }

  .node-fire_bulletin #intro {
    margin-left: 10px;
    margin-right: 10px;
  }

  .node-fire_bulletin #left {
    margin-left: 10px;
    margin-right: 10px;
    width: auto;
  }

  #fire-side h2 {
    margin: 5px 10px;
  }

  #fire-side li {
    float: left;
    width: 150px;
  }

  #fire-side div {
    margin: 5px 10px 10px;
    max-height: 85px;
  }
  
  .node-page #intro #page-title {
    margin-top: 0.5em;
  }
  
  #top-right .topFirst.contact-us {
    display: none;
  }
}

@media only screen and (max-width: 15em) {
  /* minimal styling on top of "base" */
  #logo {
    width: 4em;
  }
}

/* styles for very small screens --------------------------------------------------------------
* -------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 20.5em) {
  #searchFieldSec, #edit-search-block-form--2 {
    font-size: 0.9em;
  }

  #searchSec, #search-block-form {
    padding: 0;
  }

  #top-right a {
    font-size: 0.8em;
    border: 0;
    text-decoration: underline;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
    border-radius: 0;
  }

  .wrapper {
    padding: 0 0.5em;
  }

  #search-block-form #edit-submit {
    bottom: 1.9rem;
    height: 1.6rem;
    width: 1.6rem;
  }

  #logo {
    width: 5em;
  }

  .node-landing_page #search-autocomplete {
    top: -17px;
  }

  #od-popular h2 {
    font-size: 2.1em;
  }

  .node-rate #webform-component-note {
    width: auto;
    margin: 0;
  }

  .node-wizard #edit-submitted-over-80-enter-your-postal-code-for-location-specific-results-optional {
    width: 80%;
  }

  .node-query_landing_page #logo img, .node-page #logo img {
    max-width: 9em;
    height: auto !important;
  }

  /* fix service links being pushed into footer on phone */
  .node-serviceontario_homepage #home-nav ul {
    background: none;
    border: none;
    height: auto;
  }

  .node-serviceontario_homepage #home-nav ul li {
    display: inline-block;
    float: none;
    border: none;
    margin: 10px 10px 0 0;
    min-width: 150px;
    text-align: center;
  }

  .node-error_page #headerWrapper2 {
    height: 6.5em;
  }

  .node.node-error-page input#searchsubmit {
    padding: 7px 3px;
    width: 75px;
  }

  .node-error-page.clearfix #edit-search-block-form--2 {
    margin-left: 0;
    width: 65%;
  }
  
  #top-right .topFirst.contact-us {
    display: none;
  }
}

/* end max-width 20.5em */
/* -------------------------------------------------------------------------------------------------------------------------------------
 *  END MEDIA QUERIES ---------------------------------------------------------------------------------------------------
 * -----------------------------------------------------------------------------------------------------------------------------------*/
.inline-block {
  display: inline;
  display: inline-block;
}

.desktop {
  display: none !important;
}

/* `Clear Floated Elements
 * ----------------------------------------------------------------------------------------------------*/
/* //sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* //www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
 * The following zoom:1 rule is specifically for IE6 + IE7.
 * Move to separate stylesheet if invalid CSS is a problem.
 * */
.clearfix {
  zoom: 1;
}

/*banner.scss*/

/* for all */
/*---------------------------Emergency Banner, Service Notice, Footer Webform----------------------*/
#home-emergency-wrapper {
  margin: 0 auto;
}

#home-emergency-content .inner-box {
  font-size: 1em;
  border-color: #f01212;
}

#home-emergency-content h2 a, #service-notice-content h2 a {
  color: #415634;
  font-weight: 200;
  font-size: 1em;
  text-decoration: none;
}

#home-emergency-content h2, #service-notice-content h2 {
  text-align: left;
}

#emergency-close-button a {
  margin: 1em auto 0;
  padding: 0.7em 0;
  width: 100%;
}

.emergency_button, .service_button {
  background: #415634 no-repeat scroll 90% 46%;
  border: 0 none;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 0 4px black inset, 0 2px 1px rgba(255, 255, 255, .5) inset, 0 -2px 2px rgba(0, 0, 0, .6) inset, 0 -1px 2px rgba(255, 255, 255, .3) inset;
  color: #fff;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.emergency_button a, .service_button a {
  font-size: 1.1rem;
  color: #fff;
}

#main-content .service_button a {
  text-decoration: none;
}

.feedback-footer-form {
  padding-left: 16px;
}

.feedback-footer-form .form-textarea-wrapper {
  width: 75%;
}

/* desktop and up */
@media only screen and (min-width: 63.76em) {

  #home-emergency-wrapper {
    position: fixed;
    max-width: 850px;
    width: 100%;
    height: auto;
    z-index: 15000;
    margin-top: 3em;
    margin-left: 5.5em;
    top: 125px;
    border: none;
    overflow: visible;
  }

  #home-emergency-wrapper.clear-box {
    background-color: #f01212;
    padding: 0.5em;
    float: left;
  }

  #service-notice-wrapper {
    float: left;
    position: relative;
    left: 4.7em;
    top: 1em;
    width: 851px;
  }

  #home-emergency-content .views-row, #service-notice-content .views-row {
    display: block;
    float: left;
    overflow: auto;
    padding: 12px;
    width: 785px;
  }

  #home-emergency-content .field-content, #service-notice-content .field-content {
    font-size: 14px;
  }

  #home-emergency-content h2 a, #service-notice-content h2 a {
    font-size: 1.5em;
    color: #415634;
    font-weight: 200;
  }

  #home-emergency-content img, #service-notice-content img {
    width: 200px;
    height: 150px;
    float: left;
    padding: 1em;
  }

  .emergency_button, .service_button {
    font-size: 115%;
    font-weight: 200;
    min-height: 20px;
    padding: 7px;
    position: relative;
    float: right;
    margin-right: 10px;
  }

  .emergency_button a, .service_button a {
    font-size: 14px;
    color: #fff;
  }

  .views-field-field-emergency-image, .views-field-field-service-image {
    float: left;
    margin-right: 20px;
  }

  #emergency-overlay {
    position: fixed;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    z-index: 10000;
    padding: 213px 0;
    display: block;
  }

  .lt-ie9 #emergency-overlay {
    background-color: transparent !important;
  }

  #emergency-close-button {
    display: none;
  }

  .node-query_landing_page .container_12 #expore-wrapper, .node-open_data_landing_page .container_12 #expore-wrapper, .node-faq .container_12 #expore-wrapper, .node-error_page .container_12 #expore-wrapper {
    float: right;
  }

  .feedbackForm label {
    font-weight: bold;
    font-size: 0.85em;
  }
}

/* tablet and up */
@media only screen and (min-width: 43.9375em) {

  #home-emergency-wrapper {
    max-width: 849px;
    height: auto;
    z-index: 15000;
    margin-top: 3em;
    margin-left: 5.5em;
  }

  #home-emergency-wrapper.clear-box {
    padding: 0.7em;
  }

  #service-notice-wrapper {
    float: left;
    position: relative;
    left: 4.7em;
    top: 1em;
    width: 851px;
  }

  #home-emergency-content .views-row, #service-notice-content .views-row {
    display: block;
    float: left;
    overflow: auto;
    padding: 12px;
    width: 785px;
  }

  #home-emergency-content .field-content, #service-notice-content .field-content {
    font-size: 14px;
  }

  #home-emergency-content h2 a, #service-notice-content h2 a {
    font-size: 18px;
    color: #415634;
    font-weight: 200;
  }

  #service-notice-content img {
    width: 200px;
    height: 150px;
    float: left;
    padding: 1em;
  }

  .service_button {
    font-size: 115%;
    font-weight: 200;
    min-height: 20px;
    padding: 7px;
    position: relative;
    float: right;
    margin-right: 10px;
  }

  .emergency_button a, .service_button a {
    font-size: 14px;
    color: #fff;
  }
}

/* everything up to desktop */

/* tablet only */
@media only screen and (min-width: 43.9375em) and (max-width: 63.75em) {
  #service-notice-wrapper {
    margin-top: -4em;
    margin-left: -5em;
  }

  #home-emergency-wrapper {
    background: #fff;
    border: 0.5em solid #f01212;
    padding: 1em;
    z-index: 15000;
    margin: -1em auto 0.9em;
  }

  #home-emergency-content img {
    display: none;
  }

  #home-emergency-content h2 a {
    font-size: 3em;
  }

  .emergency_button a {
    font-size: 1.1rem;
    color: #fff;
  }

  #service-notice-wrapper {
    width: 100%;
  }

  .feedbackForm label {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
  }
}

/* everything up to tablet */
@media only screen and (max-width: 43.9374em) {

  #banner img {
    display: none;
  }

  #home-emergency-wrapper {
    background: #fff;
    border: 0.5em solid #f01212;
    bottom: 30em;
    padding: 1em;
    z-index: 15000;
    margin: -1em auto 0.9em;
  }

  #home-emergency-content img, #service-notice-content img {
    display: none;
  }

  .feedbackForm label {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
  }

  #topics-list {
    display: none;
    position: relative;
    top: 47px;
    z-index: 10;
  }
}

/* feature phones only */
/* small smart phones */

html, body {
  min-height: 100%;
}

/* Resizable background. See splash.js */
body.node-splash {
  background: #fff no-repeat 50% 50%;
  background-size: cover;
}

.node-splash #page {
  background-color: transparent;
}

.node-webform #left {
  width:100%;
}

.node-7528 .contact-us, .node-7530 .contact-us, .node-serviceontario_homepage .contact-us {
  display: none !important;
}

input#explore-hide {
  display: none;
}

#explore-show:checked ~ label {
  display: none;
}

#explore-show:checked ~ .view-topic-list {
  display: block;
}

#explore-hide ~ .view-topic-list {
  display: none;
  position: relative;
  top: 50px;
  float: left;
  width: 100%;
}

input#explore-show {
  display: none;
}

/* EPUB Reader */
[data-epub-controls] {
  margin: .5em auto;
}

[data-epub-controls] a {
  background: #b6b6b6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  float: left;
  padding: .5em 1em;
}

[data-epub-controls] .right {
  float: right;
}

[data-epub-controls] a:hover {
  background: #86a029;
}
[data-epub-controls] a:active { background: #86a029; }
[data-epub-controls] a:focus { background: #86a029; }

[data-epub-content] ul,
[data-epub-content] ol {
  list-style: none;
}

[data-epub-toc] .expandable {
  padding-right: 3ex;
  position: relative;
}

[data-epub-toc] .expandable:after {
  content: '+';
  display: inline-block;
  position: absolute;
  right: 1ex;
  width: 1ex;
}

[data-epub-toc] .expandable:hover:after {
  content: '-';
}

[data-epub-toc] .expandable:hover > ul {
  display: block;
}

[data-epub-toc] .expandable ul {
  display: none;
  margin-left: 20px;
}

.left { float: left; }
.right { float: right; }

.img-left { 
  clear: left; 
  float: left; 
  margin: 0 1.5em 1em 0;
}

.img-right { 
  clear: right; 
  float: right; 
  margin: 0 0 1em 1.5em;
}

.crtecenter {
  text-align: center;
}

/* Placeholder attribute color */
#edit-search-block-form--2::-webkit-input-placeholder { color:#000; }
#edit-search-block-form--2::-moz-placeholder { color:#000; } /* firefox 19+ */
#edit-search-block-form--2:-ms-input-placeholder { color:#000; } /* ie */
#edit-search-block-form--2:-moz-placeholder { color:#000; }
#edit-search-block-form--2::placeholder { color:#000; }