/**
 * @file
 * Form Styling
 */


/* Wrapper for a form element (or group of form elements) and its label */
.form-item  {
  margin: 18px 0;
}


/* The label for a form element */
.form-item label {
  display: block;
  font-weight: bold;
}


/* The label for a radio button or checkbox */
.form-item label.option {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}

/* focus style for form fields */
.form-item input:focus {
  background-color:#FCF3BA;
  outline: 1px solid #EDC03B;
}

/* The part of the label that indicates a required field */
.form-required {
  color: #c00;
}

abbr.required {
  color: #c00;
  border-bottom:0px;
  font-weight: bold;
}

/* The descriptive help text (separate from the label) */
.form-item .description {
  font-size: 0.8em;
  color: #555;
}


/* Core indents descriptions and it looks bad, reset the margin */
.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 0;
}


/* Pack groups of checkboxes and radio buttons closer together */
.form-checkboxes .form-item,
.form-radios .form-item  {
  margin: 0;
}


/* The submit button */
.form-submit {
}


/* Inline labels and form divs */
.container-inline div,
.container-inline label {
  display: inline;
  display: inline-block;
  margin-top: 0;
}


/* Fieldsets */
fieldset {
  background: transparent;
  border: 1px solid #dadada;
  margin: 10px 0;
  padding: 10px;
}


fieldset fieldset:last-child {
  margin-bottom: 0;
}


legend,
fieldset legend {
  border: 0;
  display: block;
  font-weight: 400;
  padding: 0 10px 0 0;
  white-space: normal;
}


html.js fieldset.collapsed {
  background: transparent;
  padding-top: 5px;
}


/* Inputs */
input {
  margin: 0;
  max-width: 100%;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
/* Wizard */

.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 #000000 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: #FFFFFF;
  cursor: pointer;
  font-family: 'Cabin',sans-serif;
  font-weight: 200;
  font-size: 115%;
  min-height: 20px;
  padding: 7px;
  position: relative;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}

ul.circlelist{
list-style-type:circle;
}

.node.node-wizard.article.clearfix fieldset{
  border: 0px;
  margin-bottom: -10px;
}

.node.node-wizard.article.clearfix .fieldset-wrapper{
	margin-top: -20px;
}

#wizard-confirm{
  margin-left: 10px;
}

.webform-component--notes{
  margin: 0 235px -100px;
  font-size: 11px;
}

#edit-submitted-i-was-looking-for{
  width: 450px;
  margin-left: 180px;
  margin-top: -20px;
}

.webform-component--i-was-looking-for{
  margin-top: 40px;
}

#webform-client-form-31343 input[type="submit"],#webform-client-form-31345 input[type="submit"],#webform-client-form-31415 input[type="submit"],#webform-client-form-31417 input[type="submit"],#webform-client-form-25800 input[type="submit"],#webform-client-form-25799 input[type="submit"]{
	margin: 60px 180px;
}



.node.node-wizard.article.clearfix .fieldset-legend,.node.node-contact-us.article.clearfix .fieldset-legend,.node.node-webform.article.clearfix .fieldset-legend{
font-weight: bold;
}

div#page.container header#header.clearfix span#top-right-view ul.language-switcher-locale-url{
  display: inline;
  margin-left: 0px;
}

div#page.container header#header.clearfix span#top-right-view{
  float: right;
  position: relative;
  right: 23px;
  top: 7px;
}


div#page.container header#header.clearfix span#top-right-view ul.language-switcher-locale-url li.fr a.language-link{
	border-right: medium none;
	padding-right: 1px !important;
	padding-left: 0 !important;
}

div#page.container header#header.clearfix span#top-right-view a{
  margin-right: 1px;
}

input#emailSubmit {
  margin-left: 20px;
}
.primaryButtonSO {
  background-color: #7d004a;
}
input#emailSubmit {
  font-size: 1em;
  top: 507px;
}

#emailform input[type="submit"], #rateform input[type="submit"], #webform-client-form-7445 input[type="submit"],#webform-client-form-31343 input[type="submit"]
{ /* this should style the button in the rate this page form AND the submit button form contact us */
  border: 1px solid #C6CEC3;
  height: 30px;
  width: 90px;
  padding:0 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}

#left p a.primaryButton2 {
  text-decoration: none;
}

a.primaryButton2:hover {
  text-decoration: underline;
}

/*Search submit button */
#search-block-form #edit-actions-search input[type="submit"] {
  position: absolute;
  color: #000;
  background-color: #F0F0F0;
  border: 1px solid #C6CEC3;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
  font-family: Arial,sans-serif;
  font-size: 1.2em;
  height: 28px;
  line-height: normal;
  margin: 0;
  padding: 0;
  margin-left: -4px;
  margin-top: 1px;
  padding: 0 10px 0 7px;
  vertical-align: middle;
  behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
}

#splashPage #search-block-form #edit-actions-search input[type="submit"] {
  background-color: #3F5730;
  border-radius: 0 0 0 0;
  color: #FFFFFF;
  display: inline-block;
  float: right;
  font-size: 2.5em;
  height: 50px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 120px;
}

/* commenting this out to see what breaks
input[value~="Send"],input[value~="Submit"],input[value~="Share"]{
  border: 1px solid #C6CEC3;
  height: 30px;
  width: 90px;
  padding:0;
}*/


input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}


button[disabled],
input[disabled] {
  cursor: default;
}


/* Reset form-text, textarea and select */
input.form-text,
textarea,
select {
  border-color: 1px solid #ccc;
  height: auto;
  padding: 2px;
  font-family: inherit; /* inherit the default site font and not the browsers monospace font */
  font-size: 1em;
}


/* Adjust trobber background position when changing text field padding */
html.js input.form-autocomplete {
  background-position: 100% 4px;
}


/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #ed541d;
}


/* Highlight vertical tabs that contain form errors */
.vertical-tabs ul.vertical-tabs-list li.vertical-tab-button-error a {
  color: #8c2e0b;
  background: #fef5f1;
  outline: 1px solid #ed541d;
  margin-right: 1px;
}


/* Textarea */
textarea {
  overflow: auto;
  vertical-align: top;
}


div.resizable-textarea textarea {
  margin-top: 0;
}


/* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 */
[hidden] {
  display: none;
}


/* Tips for Drupal's input formats */
.tips  {
  font-size: .857em;
  margin: 0 0 0 15px;
  padding: 0;
}


.field-type-text-long fieldset {
  padding: 10px 0;
}


.field-type-text-long fieldset .form-item {
  margin: 0;
  padding: 0 0 0 15px;
}


fieldset .filter-help {
  padding: 0 15px 5px;
}


.filter-guidelines {
  font-size: .923em;
  margin: 0;
  padding: 5px 18px 10px;
}


/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


#user-login-form ul {
  margin: 0;
  padding: 0;
}


#user-login-form li.openid-link,
#user-login-form li.user-link {
}


#user-login ul {
  margin: 0 0 5px;
}


#user-login ul li {
  margin: 0;
}


#user-login-form .item-list li {
  list-style: none;
  margin: 0;
}


#user-login-form li.openid-link,
#user-login li.openid-link {
  background: none;
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

/* OpenID creates a new ul above the login form's links - position it correctly */
#user-login-form ul  {
  margin-bottom: 0;
}


/* The "Log in using OpenID" link */
html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
}


/* The "Cancel OpenID login" link */
#user-login-form li.user-link {
}


html.js #user-login-form li.openid-link,
#user-login-form li.openid-link,
#user-login-form li.user-link {
  cursor: pointer;
}


#user-login ul {
}


/*
 * Search
 */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid #C6CEC3;
  color: #000;
  font-size: 1.2em;
  height: 1.2em;
  line-height: normal;
  margin-top: 1px;
  padding: 3px;
  vertical-align: middle;
  width: 450px;
}

@media only screen and (max-width: 810px) {
  input[type="search"] {
    width: 200px;
  }
  header .region-header {
    position: absolute;
    left: 140px;
    width: auto !important;
  }
  #search-block-form #edit-actions-search input[type="submit"] {
    position: relative;
    float: right;
  }
}

#home-search input[type="search"], .node-type-ministry input {
min-width: 100%;
max-width: 100%;
width: 490px;
max-width: 490px;
color: black;
display: inline;
display: inline-block;
}


#home-search input[type="search"], .node-type-ministry input {
  min-width: 100%;
  max-width: 100%;
  width: 520px;
  max-width: 520px;
  color: #000;
}


input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}


.panel-pane #search-block-form {
  margin-bottom: 20px;
}


/*
 * Advanced search form
 */
fieldset#edit-advanced fieldset {
  float: left;
  margin: 0 10px 10px 0;
}


fieldset#edit-advanced fieldset .fieldset-legend {
  background: none;
  padding-left: 1em;
}


.advanced-search-submit {
  clear: both;
}


.search-advanced .criterion {
  float: none;
  margin: 0 5px;
}


#edit-keywords-fieldset .form-item:first-child {
  margin-top: 5px;
}


#search-form {
  margin: 10px 0;
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-reset.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}


form tbody {
  border-top: 1px solid #ccc;
}


form tr.even {
  background-color: #fff;
}


form table .item-list ul {
  margin: 0;
}


/* IE doesn't display borders on table rows */
.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
}


/* Special case modules */
#devel-switch-user-form {
  margin-bottom: 0;
}

#home-search {
  font-family: 'Cabin', sans-serif;
  font-size: 1.4em;
  position: relative;
  left: -5.6em;
  top: -3.1em;
  box-shadow: none;
  width: 640px;
  height: 41px;
  float: right;
  clear: both;
}

#home-search form {
  position: absolute;
}

#home-search #edit-actions-search input[type="submit"] {
position: relative;
background-color: #415634;
color: white;
font-family: 'Cabin', sans-serif;
font-size: 1em;
border: 1px solid #C6CEC3;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
margin-left: -6px;
margin-top: 1px;
padding: 5px 10px;
height: 37px;
behavior: url('/sites/all/themes/ontario/scripts/PIE.htc');
width: 110px;
display: inline-block;
max-width: 110px;
min-width: 110px;
}

.economic-development-and-innovation #home-search input[type="submit"] {
  background-color: #384850;
}

.serviceontario #home-search input[type="submit"] {
  background-color: #384850;
}



#email {
  border: 1px solid #415634;
  font-family: 'Cabin',sans-serif;
  font-size: 1em;
  padding: 7px;
}

/* Contact us form */

input[id^='edit-submitted-would-you-like-a-reply-name'],input[id^='edit-submitted-would-you-like-a-reply-email'],input[id^='edit-submitted-would-you-like-a-reply-confirm-email'],input[id^='edit-submitted-would-you-like-a-reply-confirm-email'],input[id^='edit-submitted-would-you-like-a-reply-phone-number'],
textarea[id^='edit-submitted-message'],textarea[id^='edit-submitted-would-you-like-a-reply-address']{
  width: 100%;
  padding:0;
  margin:0;
}

.webform-component--message-mark{
  margin-top: -3px;
  margin-bottom: -10px;
}

.msgdes{
  margin: 0 2.8em 0 0;
}

#contactus-hr{
  border:1px solid #C7CCC5;
  width: 200px;
  margin-left: -6px;
}

#contactus-notice{
  margin-top: 30px;
  font-size: 11px;
  margin-left: 20px;
}

.webform-component--would-you-like-a-reply--email-mark, .webform-component--would-you-like-a-reply--confirm-email-mark,.webform-component--would-you-like-a-reply--address-mark,.webform-component--would-you-like-a-reply--n-mark,.webform-component--would-you-like-a-reply--phone-number-mark{
  margin-bottom: -15px;
}

.webform-component--would-you-like-a-reply--like-a-reply{
  margin: -50px 0 45px 220px;
}

.webform-component--like-reply-mark{
  width: 180px;
}

.form-item.form-type-radio.form-item-submitted-would-you-like-a-reply-like-a-reply {
    display: inline;
    margin-right: 10px;
}

.node.node-contact-us.article.clearfix fieldset{
  border: 1px solid #aaa;
}

.node.node-webform.article.clearfix fieldset{
  border: 1px solid #aaa;
  width: 450px;
}

.node.node-contact-us.article.clearfix .fieldset-description{
  width: 180px;
}

.node.node-contact-us.article.clearfix fieldset h3.feedbackForm label{
	color:#aaa;}

textarea[id^='edit-submitted-message'] {
  border-color:rgb(87,87,87);
  color: rgb(80, 80, 80);
}

#edit-validate-email,
#edit-feed-me,
.edit-validate-email-wrapper,
.edit-feed-me-wrapper,
input[id^='edit-submitted-subject'] {
  display: none;
}

div#page.container header#header.clearfix span#top-right-view ul.language-switcher-locale-url{
  display: inline;
  margin-left: 0px;
}

div#page.container header#header.clearfix span#top-right-view{
  float: right;
  position: relative;
  right: 23px;
  top: 7px;
}

div#page.container header#header.clearfix span#top-right-view ul.language-switcher-locale-url li.fr a.language-link{
	border-right: medium none;
	padding-right: 1px !important;
	padding-left: 0 !important;
}

div#page.container header#header.clearfix span#top-right-view a{
  margin-right: 1px;
}

div.grid_12.notice{
  margin: 46px 40px 0 45px;
  width: 95%;
}

/* Budget */
.node-type-chooser .choice {
  -webkit-appearance: none;
  background-color: #4e892b;
  border: 1px solid #cacece;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 9px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  width: 22px;
  height: 22px;
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  line-height: 23px;
  cursor: pointer;
}

.node-type-chooser .webform-client-form .form-type-radio {
  float: left;
  width: 85px;
  display: block;
}

.node-type-chooser .webform-client-form .form-radios {
  width: 600px;
}

.node-type-chooser .webform-client-form .form-item  label {
  display: block;
  font-size: 1.7em;
  margin-bottom: -20px;
}

.node-type-chooser .question-status {
  clear: both;
  /* margin-left: 100px; */
}

.node-type-chooser .webform-client-form img {
  float: left;
  margin: 0 20px 20px 0;
}

.node-type-chooser .webform-client-form .form-item {
  position: relative;
  top: 35px;
  margin: 0;
}

.node-type-chooser .form-type-radio label {
  font-size: 1.2em !important;
}

.node-type-chooser h1 {
  font-size: 3.5em;
  text-align: center;
  padding: .5em .1em .5em .5em;
}

.node-type-chooser #webform-client-form-26111 h1 {
  font-size: 3.0em;
  text-align: center;
  padding: .5em .1em .5em .5em;
}

.node-type-chooser h1.results {
  text-align: left;
}

.node-type-chooser .webform-component-radios {
  top: -7px !important;
  width: 700px;
}

.node-type-chooser .budget-results {
  position: relative;
  top: 180px;
  height: 420px;
}

.node-type-chooser .budget-results {
  position: relative;
  top: 180px;
  height: 230px;
  float: left;
  clear: both;
  border: 2px solid #cecece;
  width: 85%;
  padding-top: 180px;
  margin-top: -190px;
  padding-left: 40px;
  margin-bottom: 0em;
  padding-bottom: 1em;
  -webkit-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -moz-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
}

.node-type-chooser .budget-results img {
  width: 90px;
  margin: 0;
  bottom: 0;
  position: absolute;
}

.node-type-chooser .budget-result {
  float: left;
  margin: 0 10px 0 0;
  height: 180px;
  position: relative;
  bottom: 0;
  width: 90px;
}

.node-type-chooser .budget-result p {
  position: relative;
  top: 180px;
  text-align: center;
  font-size: 1.1em;
  font-family: 'Cabin';
  white-space: nowrap;
}

.node-type-chooser .bar {
  background-color: #000;
  position: absolute;
  bottom: 90px;
  width: 75px;
  max-height: 100%;
  left: 7px;
}

.node-type-chooser .category-count {
  top: -40px;
  position: relative;
  font-size: 2em;
  text-align: center;
  width: 75px;
  float: left;
}

.bar.education {
  background-color: #a76ecd;
}

.bar.health {
  background-color: #70b8ce;
}

.bar.economy {
  background-color: #f3778a;
}

.bar.employment {
  background-color: #a75c8c;
}

.bar.social {
  background-color: #cc658c;
}

.bar.infrastructure {
  background-color: #86c586;
}

.bar.environment {
  background-color: #448e6b;
}

.bar.delivery {
  background-color: #5e6aad;
}

.node-type-chooser .budget-important {
  position: relative;
  z-index: 2;
  clear: both;
  padding-left: 44px;
}

.node-type-chooser .budget-important img {
  margin: 0 20px 0 0;
}

.node-type-chooser #left .budget-important h2 {
  font-size: 3em;
}

.share-links .twitter{
  background: url('/sites/all/themes/ontario/images/t_icon.png') no-repeat 0 0 transparent;
}

.share-links .facebook {
  background: url('/sites/all/themes/ontario/images/fb_icon.png') no-repeat 0 0 transparent;
}

.share-links .google {
  background: url('/sites/all/themes/ontario/images/googleplusicons.png') no-repeat 0 0 transparent;
}

.share-links a {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 5px;
  overflow: hidden;
  text-indent: -200px;
}


.share-links a:hover, .share-links a:focus {
  background-position: 0 -32px !important;
}

.node-type-chooser #budget-container {
  height: 250px;
  padding-left: 7em;
}

.node-type-chooser .result_text {
  display:none;
}

.node-type-chooser #budget_others {
  margin-top: 30px;
  position: relative;
  z-index: 3;
}

.node-type-chooser #budget_others img {
  border: 1px solid #C7CCC5;
}

.node-type-chooser #budget_others h3 {
  font-size: 2em;
  margin-bottom: 18px;
}

.node-type-chooser #budget_others h4 {
  margin-top: 30px;
}
.node-type-chooser #budget_others .field-name-field-what-matters-to-others {
  margin-bottom: 25px;
}

#modal-overlay {
  position: fixed;
  width: 1020px;
  height: 100%;
  background-color: rgba(255,255,255,0.9);
  z-index: 10000;
  padding: 0 45px;
  margin: 0 auto;
}

#modal-content {
  position: fixed;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px 5px #ccc;
  top: 90px;
  width: 892px;
}

#modal-content h2 {
  font-size: 3em;
}

.webform-component--city label {
  font-weight: 100;
  width: 50%;
}

.webform-component--city input {
  width: 25%;
}

.question-box {
  border: 2px solid #cecece;
  margin-top: 20px;
  margin-right: 40px;
}

.budget-form { margin-top: 20px; margin-top: 1.4rem;}

.budget-form .field-items {
    padding-right: 40px;
}

/* radical button change */
.node-type-chooser .choice {
  -webkit-appearance: none;
  background-color: #4e892b;
  border: 1px solid rgb(105, 105, 105);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5), inset 0px -15px 10px -12px rgba(219, 219, 219, 0.5);
  padding: 9px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  margin-bottom: 1em;
  width: 22px;
  height: 22px;
  color: #fff;
  text-decoration: none;
  font-size: 2em;
  line-height: 23px;
  cursor: pointer;
 }

 .node-type-chooser a.choice:hover {
  -webkit-box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
  -moz-box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
  box-shadow: inset 1px 7px 14px -4px rgba(0, 0, 0, 0.5), inset 0px -15px 6px -13px rgba(219, 219, 219, 0.5);
 }

 /* results page */
 .results-box {
  border: 2px solid #cecece;
  padding: 0 0 0 2em;
  overflow: hidden;
  background-color: #FFF;
  margin:20px 20px 20px 0;
}

.node-type-chooser .budget-results {
  position: relative;
  top: 180px;
  height: 230px;
  float: left;
  clear: both;
  border: 2px solid #cecece;
  width: 90%;
  padding-top: 180px;
  margin-top: -190px;
  padding-left: 40px;
  margin-bottom: 0em;
  padding-bottom: 1em;
  -webkit-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -moz-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  background-color: rgb(250, 250, 250);
  margin-right: -20px;
}

.node-type-chooser .budget-important {
  position: relative;
  z-index: 2;
  clear: both;
  padding-left: 6px;
  float: left;
  top: 220px;
  width: 90%;
  height: 450px;
}

.node-type-chooser .budget-important.notop {
  height: 300px;
}

ul#categoryOptions {
  width: 344px;
  margin-left: 25px;
}

#categoryOptions li {
  display: inline-block;
  width:140px;
  padding-top: 42px;
  padding-right: 1em;
  height: 44px;
  margin-top: 35px;
}
#categoryOptions label, #category-options input {
  display: inline-block;
  padding-left: 5px;
  margin-top: 45px;
}

li.health {
  background: url('/sites/all/themes/ontario/images/budget/health-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.education {
  background: url('/sites/all/themes/ontario/images/budget/education-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.economy {
  background: url('/sites/all/themes/ontario/images/budget/economy-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.social {
  background: url('/sites/all/themes/ontario/images/budget/social-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.environment {
  background: url('/sites/all/themes/ontario/images/budget/environment-leaf-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.employment {
  background: url('/sites/all/themes/ontario/images/budget/employment-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.infrastructure {
  background: url('/sites/all/themes/ontario/images/budget/infrastructure-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

li.opendata {
  background: url('/sites/all/themes/ontario/images/budget/opendata-tile.png') no-repeat 0% -20%;
  background-size: 85px;
}

.lt-ie9 li.health {
  background: url('/sites/all/themes/ontario/images/budget/health-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.education {
  background: url('/sites/all/themes/ontario/images/budget/education-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.economy {
  background: url('/sites/all/themes/ontario/images/budget/economy-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.social {
  background: url('/sites/all/themes/ontario/images/budget/social-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.environment {
  background: url('/sites/all/themes/ontario/images/budget/environment-leaf-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.employment {
  background: url('/sites/all/themes/ontario/images/budget/employment-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.infrastructure {
  background: url('/sites/all/themes/ontario/images/budget/infrastructure-tilex85.png') no-repeat 0% -20%;
}

.lt-ie9 li.opendata {
  background: url('/sites/all/themes/ontario/images/budget/opendata-tilex85.png') no-repeat 0% -20%;
}

#map-canvas {
  width: 540px;
  height: 540px;
  display: inline-block;
  float: right;
  /*margin-right: 2em;*/
}

#left .results-box h2 {
  font-size: 32px;
  font-size: 3rem;
  padding-top: 16px;
  padding-top: 1rem;
  height: 60px;
  overflow: hidden;
}

#left .results-box h2 span {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 20px 20px 0 0;
  display: inline; display: inline-block;
  width: 400px;
  text-align: right;
}

.shadow-box {
  overflow: hidden;
  -webkit-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -moz-box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  -box-shadow: 1px 2px 3px rgba(17, 17, 17, 0.7);
  border: 2px solid #cecece;
  margin-right: 2rem;
  margin-bottom: 1.5rem;
}

.primaryButton, .primaryButton2, a.primaryButton, a.primaryButton2 {
  white-space: nowrap;
}

/* specific image fix for IE8 - see if we can fix this better */
#budget_others img[src~="graph.png"] {
	width: 310px;
}

.lt-ie9 #budget_others .primaryButton, .lt-ie9 #budget_others .primaryButton2 { display:none; }
.no-map-support { display:none;}
.lt-ie9 .no-map-support { display: block;}

#categoryOptions li {
display: inline-block;
width: 165px;
padding-top: 42px;
padding-right: 1em;
height: 44px;
margin-top: 35px;
}
ul#categoryOptions {
width: 368px;
margin-left: 0px;
}

.results-box h3 {
  margin-bottom: 10px;
}

.node-type-chooser .webform-component--city {
  margin: 18px 0;
  top: 0;
}

.node-type-chooser .webform-component--city label {
  margin-bottom: 0;
  font-size: 1em;
}

.node-type-chooser .budget-form .form-actions {
  position: absolute;
  float: right;
  right: 20px;
  bottom: 0;
}

.node-type-chooser .budget-form .form-actions input {
  margin-right: 10px;
}

.node-type-chooser #budget-content {
  position: relative;
}

/* Total Results */

.total-results .budget-results {
  margin-bottom: 220px;
}

/* report xls export */

.feed-icon{
  position: fixed;
  top: 250px;
  left: 50px;
}

/* OITC webform */

.webform-previous{
  margin-right: 5px;
}
