body {
  background: $MERAKI:BODY_BACKGROUND_COLOR$;
  color: $MERAKI:BODY_TEXT_COLOR$;
}

body,input {
  font-family: MyriadPro-Regular,Myriad Pro Regular,MyriadPro,Myriad Pro,Helvetica,Arial,sans-serif;
}

a {
  color: $MERAKI:BODY_LINK_COLOR$;
  text-decoration: none;
}

a img {
  border: 0;
}

h1,h2,h3,h4,h5,h6 {
  color: $MERAKI:BODY_TEXT_COLOR$;
}

h1 {
  font-size: 32px;
  font-weight: bold;
  margin: 10px 0 8px;
}

h2 {
  color: $MERAKI:BODY_TEXT_COLOR$;
  font-size: 14px;
  line-height: 20px;
  width: 340px;
  margin-bottom: 1em;
}

#body_container {
  width: 800px;
  margin: 1em auto 0;
}

#footer {
  position: relative;
  margin: 1em auto 0;
  padding: 12px 0 0 20px;
  font-size: 12px;
}

#main_container {
  background: $MERAKI:CONTENT1_BACKGROUND_COLOR$;
  padding: 20px 24px;
  position: relative;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#powered_by_logo {
  position:absolute;
  right:20px;
  top:3px;
}

#action_links {
  margin-top: 2em;
}
#continue_button {
  color: #555;
  line-height: 38px;
  height: 38px;
}
#continue_button a {
  color: #555;
  text-decoration: none;
}
#continue_button:hover a {
  color: #333;
  text-decoration: none;
}
#continue_button_left_border {
  float: left;
  width: 20px;
  height: 38px;
  background:transparent url(button.png) repeat-x scroll 0 -38px;
}
#continue_button_right_border {
  float: left;
  width: 23px;
  height: 38px;
  background:transparent url(button.png) repeat-x scroll 24px -38px;
}
#continue_button #button_content {
  float:left;
  margin:0;
  padding:0 1em 0 7px;
  background:transparent url(button.png) repeat-x scroll 0 0;
  font-size:1.2em;
}

#user_alert_container {
  border: 1px solid $MERAKI:CONTENT1_TEXT_COLOR$;
  background: #C51111;
  color: #fff;
  padding: 1em;
}

#user_alert_container p {
  margin: 0;
  font-weight: bold;
}

/* Begin rules associated with continue_with_ads.html */
body#continue_with_ads #ad_container {
  visibility: hidden; /* Start invisible, then make visible with JavaScript (so JS-less clients do not see empty box) */
  width: 320px;
  float: right;
  text-align: center;
  background: $MERAKI:CONTENT2_BACKGROUND_COLOR$;
}
body#continue_with_ads #ad_container .ad_subtext {
  display: block;
  margin: 3px 0 0;
  font-size: 11px;
  color: $MERAKI:CONTENT2_TEXT_COLOR$;
}
/* End rules associated with continue_with_ads.html */

/* Begin rules associated with auth.html */
body#auth #auth_sign_in_here ul, body#auth #auth_create_account ul {
  list-style: none;
}

body#auth #auth_sign_in_here ul li label, body#auth #auth_create_account ul li label {
  float: left;
  display: block;
  width: 150px;
}
body#auth #auth_sign_in_here ul li input, body#auth #auth_create_account ul li input {
  float: left;
  display: block;
}
body#auth #auth_sign_in_here ul li input.button, body#auth #auth_create_account ul li input.button {
  margin: 5px 0 0 150px;
}
body#auth #auth_sign_in_here ul li br, body#auth #auth_create_account ul li br {
 clear: left;
}

body#auth #auth_create_account p#auth_permission_required_for_access {
  font-size: .8em;
}

body#auth #auth_sign_in_here {

}

body#auth #auth_create_account {

}

body#auth #auth_create_account .errorExplanation {
  padding: .3em 1em;
  background: #C51111;
}
body#auth #auth_create_account .errorExplanation, body#auth #auth_create_account .errorExplanation h2 {
  color: #fff;
}
/* End rules associated with auth.html */