/**
 * Scales up (or down) a given value between the $fullSize and the $baseSize by the given scale.
 * e.g.:
 * h1 {
 * font-size: rwd-scale(38.5, 0.8) + 'px';
 * }
 */
/**
 * Specify property using rem units with px-based fallback
 * for browsers that don't support rem
 * e.g.
 * @include x-rem('font-size', 1.5);
 * Would translate to:
  *   font-size: 24px;
 *   font-size: 1.3rem;
 *
 */
/**
 * Specify property using px units with px-based fallback
 * for browsers that don't support rem
 * e.g.
 * @include px2rem('font-size', 24);
 * Would translate to:
 *   font-size: 24px;
 *   font-size: 1.3rem;
 *
 */
/**
 * Menu style used in the about-pages
 */
/**
 * Set a background image for high-DPI devices with a normal-DPI background image fallback.
 * Expects the convention of the hi-dpi version of the image to have a suffix of "-2x",
 * for example:
 * logo.png and logo-2x.png would be included with the following line:
 * @include background-image-2x('logo', 'png', 100px, 30px);
 *
 */
/**
 * Use the classes .rwd-full, .rwd-medium, and .rwd-small as content containers that should be
 * shown based on the @media width with the given breakpoints.
 *
 * You may also use the shorter alternatives .rwd-f, .rwd-m, and .rwd-s.
 *
 * You can also use .rwd-mf for a class to be displayed for both the medium and full range.
 * Similarly .rwd-ms can be used to display an element for both the medium and small range.
 * The order of the last two characters in these classes doesn't matter; e.g. .rwd-ms == .rwd-sm
 *
 * If using these classes on a div that should be displayed as an inline-block, also
 * add the class ib for that functionality.  e.g. <div class="rwd-medium ib">...
 */
/**
 * Use the classes .rwd-full, and .rwd-medium as content containers that should be
 * shown based on the @media width with the given breakpoint.
 *
 * If using these classes on a div that should be displayed as an inline-block, also
 * add the class ib for that functionality.  e.g. <div class="rwd-medium ib">...
 */
/**
 * Use the classes .rwd-full, and .rwd-small as content containers that should be
 * shown based on the @media width with the given breakpoint.
 *
 * If using these classes on a div that should be displayed as an inline-block, also
 * add the class ib for that functionality.  e.g. <div class="rwd-medium ib">...
 */
/**
 * Used by typography to set various font styles
 */
/* line 7, assetic_compassH1MjuS.scss */
#loginContent .form-horizontal .control-group {
  margin-bottom: 0.25em;
  text-align: center;
}
/* line 12, assetic_compassH1MjuS.scss */
#loginContent .form-horizontal .control-label {
  width: 9.33em;
}
/* line 16, assetic_compassH1MjuS.scss */
#loginContent .form-horizontal .controls {
  margin-left: 8em;
}
@media (max-width: 480px) {
  /* line 20, assetic_compassH1MjuS.scss */
  #loginContent .form-horizontal .control-label {
    width: auto;
  }
  /* line 23, assetic_compassH1MjuS.scss */
  #loginContent .form-horizontal .controls {
    margin-left: 0;
  }
}
/* line 30, assetic_compassH1MjuS.scss */
#loginContent .form-notes {
  margin-bottom: 1.5em;
}
/* line 31, assetic_compassH1MjuS.scss */
#loginContent .form-notes h3 {
  font-size: 17px;
  font-size: 1.0625rem;
}
/* line 38, assetic_compassH1MjuS.scss */
#loginContent #openid_choice .btn {
  padding-right: 8px;
}
@media (max-width: 480px) {
  /* line 38, assetic_compassH1MjuS.scss */
  #loginContent #openid_choice .btn {
    margin-right: 0;
  }
  /* line 42, assetic_compassH1MjuS.scss */
  #loginContent #openid_choice .btn:first-child {
    margin-right: 10px;
  }
}
/* line 49, assetic_compassH1MjuS.scss */
#loginContent .well-title {
  padding-bottom: 1.5em;
  *zoom: 1;
}
/* line 51, assetic_compassH1MjuS.scss */
#loginContent .well-title .subtext {
  display: block;
  float: right;
  font-size: 11px;
  font-size: 0.6875rem;
  margin-left: 2em;
}
@media (max-width: 28em) {
  /* line 51, assetic_compassH1MjuS.scss */
  #loginContent .well-title .subtext {
    float: left;
    clear: right;
    margin-left: 0;
  }
}
/* line 63, assetic_compassH1MjuS.scss */
#loginContent .well-title h2 {
  display: block;
  float: left;
}
/* line 14, ../../../src/WarrantyLife/SiteBundle/Resources/public/css/twitter/_mixins.scss */
#loginContent .well-title:before, #loginContent .well-title:after {
  display: table;
  content: "";
  line-height: 0;
}
/* line 22, ../../../src/WarrantyLife/SiteBundle/Resources/public/css/twitter/_mixins.scss */
#loginContent .well-title:after {
  clear: both;
}
/* line 73, assetic_compassH1MjuS.scss */
#loginContent .tos {
  padding-top: 1em;
  padding-bottom: 1em;
}
/* line 78, assetic_compassH1MjuS.scss */
#loginContent .hidden {
  display: none;
  visibility: hidden;
}

/* line 91, assetic_compassH1MjuS.scss */
#refresh-captcha {
  float: left;
  margin-left: 30px;
  text-align: right;
  margin-top: 10px;
}

/* line 98, assetic_compassH1MjuS.scss */
dt#rememberMe-label {
  float: right;
  padding: 0;
  margin-right: 65px;
}

/* line 104, assetic_compassH1MjuS.scss */
dd#rememberMe-element {
  float: right;
  padding-top: 8px;
}

/* line 109, assetic_compassH1MjuS.scss */
div.blurb-mpr {
  margin-top: 15px;
}

/* line 114, assetic_compassH1MjuS.scss */
#loblaws-benefit-list ul {
  color: #666;
}
/* line 116, assetic_compassH1MjuS.scss */
#loblaws-benefit-list ul li {
  padding-bottom: 0.25em;
}

/* line 122, assetic_compassH1MjuS.scss */
div.mpr-promise {
  margin-top: 1.5em;
}
/* line 125, assetic_compassH1MjuS.scss */
div.mpr-promise div.blurb {
  display: inline-block;
  margin-bottom: 25px;
}

/* line 131, assetic_compassH1MjuS.scss */
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

@media (max-width: 420px) {
  /* line 138, assetic_compassH1MjuS.scss */
  div.blurb-mpr {
    margin: 15px;
  }
}

/*
	Simple OpenID Plugin
	http://code.google.com/p/openid-selector/
	
	This code is licensed under the New BSD License.
*/

#openid_form {
}

#openid_form p {
    text-align: center;
    font-size: 85%;
}

#openid_form legend {
    font-weight: bold;
}

#openid_choice {
    display: none;
    text-align: center;
}

#openid_input_area {
	clear: both;
	padding: 10px;
}

#openid_btns, #openid_btns br {
    clear: both;
    width: 220px;
    display: inline-block;
}

#openid_highlight {
    float: left;
}

.openid_large_btn {
	width: 100px;
	height: 60px;
/* fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack */
	_width: 102px;
	_height: 62px;

	border: 1px solid #DDD;
	margin: 3px;
	float: left;
}

.openid_small_btn {
	width: 24px;
	height: 24px;
/* fix for IE 6 only: http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack */
	_width: 26px;
	_height: 26px;

	border: 1px solid #DDD;
	margin: 3px;
	float: left;
}

a.openid_large_btn:focus {
	outline: none;
}

a.openid_large_btn:focus {
	-moz-outline-style: none;
}

.openid_selected {
	border: 4px solid #DDD;
}