/*
Accumulated style rules from the integration efforts
Most are legitimate fixes to visibility and positioning 
Some are accreted and should be removed if possible.

There may still be some tuning to do for the IE family :/
*/

/* results : hides the refresh countdown */
#refresh { display: none; }

/* site navigation : adusts padding for better responsiveness */
.navbar .nav li a {
  line-height: 3.346em;
  padding: 0 1.2125em;
}

/* site navigation : custom styling for bootstrap dropdown menus */

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;    
}

a.menu:after, .dropdown-toggle:after {
  content: none;
}

.dropdown-menu {
    margin-top: -1px;
    background-color: #8EC350;
    color: #FFFFFF;
    border-bottom: 1px solid #616161;
}

.navbar .nav > li > .dropdown-menu:after {
    border: none;
    top: 0px;
}
.navbar .nav > li > .dropdown-menu:before {
    border: none;
    top: 0px;
}

.navbar .nav > li > .dropdown-menu > li {
    background-image: none;
    margin-left: 0px;   
}

.dropdown-menu li > a {
    color: #FFFFFF;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #74A739;
    color: #FFFFFF;
    background-image: linear-gradient(to bottom, #8EC350, #74A739);
    text-decoration: none;
}

/* Styles  copied from Wordpress for qtranslate plugin */
.qtrans_flag span {
    display: none;
}
.qtrans_flag {
    display: block;
    height: 12px;
    width: 18px;
}
.qtrans_flag_and_text {
    padding-left: 20px;
}
.qtrans_flag_en {
    background: url("https://commuterchallenge.ca/wp-content/plugins/qtranslate/flags/gb.png") no-repeat scroll 0 0 transparent;
}
.qtrans_flag_fr {
    background: url("https://commuterchallenge.ca/wp-content/plugins/qtranslate/flags/fr.png") no-repeat scroll 0 0 transparent;
}

/* custom styles to place the lang chooser in the top right corner */ 

#qtranslate-chooser {
    display: inline;
    float: right;
    font-size: 12px;
    margin: -18px 8px 0 0;
}
#qtranslate-chooser li {
    display: inline-block;
    padding-right: 4px;
}

/* Display workplace name in user navigation */

.user-workplace { 
  line-height: 22px; 
  margin-top: -56px;
  padding-left: 20px; 
  background: transparent url(../img/ico-workplace-sm.png) left center no-repeat;
  color: #8ec350;
  font-size: 123%;
}

/* workplace pages - editor initializers */
#commute-editor { display: none; margin-top: 8px; }
#profile-editor { display: none; margin-top: 8px; }
#profile-confirm { display: none; margin-top: 8px; }
#profile-confirm div.offset1.confirm { margin-left: 106px; }
#profile-confirm h4 { font-size: 150%; font-style: oblique; font-weight: bolder; padding-bottom: 8px; }
/*#profile-city, #profile-location { display: none; }*/
#location-commutes.table td:first-child { width: 420px; }
#location-commutes.table tr td { width: 96px; }
img.edit-commute:hover { cursor: pointer; }
#workplace-commute input[type='text'] { text-align: right; }

td#employees.profile-employee { cursor: pointer; }
td#employees.profile-employee>img{ float: right; margin-right: 23px; zoom: 150%;}

/* minimal IE styles from static SA register page */
#ie8 #page>a>img { padding: 32px 0 32px; margin-left: 123px; }
#ie8 #page .date { float: right!important; padding-top: 48px; font-size: 23px; color: #707070; margin-right: 123px; }
#ie8 #page .date>span { color: #ED7D35; }
#ie8 .site-footer-wrapper { padding-top: 30px; }
#ie8 .dotted-top { padding-top: 10px; }
#ie8 .dotted-top li { list-style: none; }

/* minimal IE styles from static SA results page */

#ie8 .ico-stats { font-size: 13px; color: #fff; }
#ie8 .ico-stats .focus { color: #ED7D35;}
#ie8 .user-nav { margin: 44px 123px 0 0; }

/* NOTE: The following styles are commented due to conflicts  */
/* Some means will be needed to provide small one-off styling tweaks on individual pages */

/* additional IE styles from static profile  page */
/*#ie8 #secondary { float: right;  margin-top: -164px; }*/

/* additional IE styles from static 'generic'  page */
/*#ie8 #secondary { float: right;  margin-top: 420px; }*/
  
/* additional IE styles from static 'home'  page */
  /*#ie8 #secondary { float: right;  margin-top: -194px; }*/
  /*#ie8 #secondary li { min-height: 64px; }*/
  /*#ie8 #secondary li .btn { margin-left: 16px;  width: 150px; }*/
/* NOTE: Added home-result id to containing block*/
  /*#ie8 #home-result>div { display: inline-block; }*/


/* results - multi page navigation and filtering */
.workplace-filter { border-top: 80px solid #616161; }
.workplace-filter .filter-nav { text-align: right; margin-top: -72px; }

.filter-nav { text-align: right; margin-top: -34px; }
.filter-nav span { float: left; margin-right: 13px; color: #fff; }
.filter-nav button[name='show'] { float: left; }
.filter-nav button[name='page'] { float: left; margin-right: 13px; }
#filter label { display: inline; }
#filter button { margin-left: 13px; vertical-align: top; }

.results-table #resultsTable.filter { margin-top: -22px; }

#resultsTable.group { margin-top: 0; }
#resultsTable.group th { background-color: #616161; }

/* session - imported styles, some possibly deprecated */

/*.error { float: right; margin-top: -11px; height: 8px; color: red; } */

#dialog-messages { margin-top: 12px; height: 12px; } 

#profile-messages { 
   display: none;
  margin-top: 12px; 
  height: 12px;
  color: #8EC350; 
  padding-left: 8px;
} 

.error { color: red; } 

.hidden { height: 0px; width: 0px; display: none; }

#session .signin .form-actions {
    margin-top: 0;
    text-align: right;
}
.form-actions {
    background-color: transparent;
    border-top: medium none;
    padding: 0;
}
#session .signin {
  width: 226px;
}
#session .signin .form-actions .forgot {
    /*color: #FFFFFF;*/
    float: left;
    font-size: 14px;
}

#version {
  font-size: 80%;
  font-weight: bold;
  color: gray;
}

/* session - new styles to correct font weights */

.step-numbers .help { font-weight: 300; }
#location .control-group .help-inline,
#individual .control-group .help-inline,
#workplace .control-group .help-inline { font-size: 14px; }
#location select, 
#individual select, 
#workplace select { height: auto!important; }

/* individual: imported styles for airmiles element */

#car2go-wrapper {
  display: block;  
  display: none;
  margin-top: 42px;
}
.carshare {
  background-color: silver;
  background-image: none;
}
#airmiles-wrapper {
  display: none;
  /*display: block;*/
  padding-top: 12px; 
  border-bottom-width: 0px; 
  padding-bottom: 12px;
}
#airmiles-wrapper > img {
  vertical-align: middle;
}
#airmiles-wrapper > .control-group {
  margin-left: 80px;
  margin-top: -72px;
}

#airmiles.saved {
  outline:none;
  border-color:#85e880;
  box-shadow:0 0 5px #85e880;
}

#airmiles.error {
  outline:none;
  border-color:#e37683;
  box-shadow:0 0 5px #e37683;
}



/* individual: styling for ajax messaging */
#thanks { display: none; color: #8EC350; padding-left: 8px; }


/* register - hidden div init, deprecated staging-ribbon ??? */

img#staging-ribbon {
/* Hidden *except for on ./staging !!! */
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}
.hidden { height: 0px; width: 0px; display: none; }
#processing {
  display: none;
}
.step {
  display: none; 
}
.active {
  display: block;
}

/* *************** */

.spinner {
  /*margin: 100px auto 0;*/
  width: 70px;
  text-align: center;
  display: inline-block;
  padding-left: 12px;
}

.spinner > div {
  width: 12px;
  height: 12px;
  background-color: #999;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .b1 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}

.spinner .b2 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .b3 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}